/*
Theme Name: Offside Shop
Theme URI: https://example.com/offside-shop
Author: Offside Shop Team
Description: قالب اختصاصی فارسی و راست‌به‌چپ فروشگاه ورزشی آفساید شاپ.
Version: 1.3.264
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: varza-sport
*/

/* [OFFSIDE-FILE]
 * مسئولیت: ظاهر پایه و RTL، فونت، هدر/فوتر، خانه، مقاله، فروشگاه، سبد/پرداخت و پوستهٔ حساب.
 * منبع حقیقت: رنگ و کارت از متغیرهای تزریق‌شدهٔ افزونه؛ اندازه‌های عمومی در :root همین فایل.
 * برای تغییر، ابتدا getter/schema همین مالک را بررسی کنید؛ تنظیم موازی در قالب یا JS نسازید.
 * راهنمای نگهداری: CODE_MAP_FA.md؛ شناسهٔ بخش‌ها و نام تابع قابل جست‌وجو است.
 */


@font-face /* [OFFSIDE-CSS:7019386efe] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-family: "Vazirmatn";
    src: url("assets/fonts/vazirmatn.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face /* [OFFSIDE-CSS:7019386efe] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-family: "Vazirmatn FaNum";
    src: url("assets/fonts/vazirmatn-fanum.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root /* [OFFSIDE-CSS:4e406631d0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --varza-color-bg: #080a0a;
    --varza-color-bg-rgb: 8, 10, 10;
    --varza-color-surface: #111515;
    --varza-color-surface-rgb: 17, 21, 21;
    --varza-color-text: #f2f5f1;
    --varza-color-text-rgb: 242, 245, 241;
    --varza-color-muted: #9ba7a0;
    --varza-color-muted-rgb: 155, 167, 160;
    --varza-color-accent: #b8ff00;
    --varza-color-accent-rgb: 184, 255, 0;
    --varza-color-accent-hover: #9bdb00;
    --varza-color-accent-hover-rgb: 155, 219, 0;
    --varza-color-accent-text: #101500;
    --varza-color-accent-text-rgb: 16, 21, 0;
    --varza-color-border: #29322e;
    --varza-color-border-rgb: 41, 50, 46;
    --varza-color-danger: #ff5c5c;
    --varza-color-danger-rgb: 255, 92, 92;
    --varza-radius-control: 6px;
    --varza-radius-card: 10px;
    --varza-content-width: 1240px;
    --varza-font-size-base: 0.94rem;
    --varza-font-size-sm: 0.82rem;
    --varza-space-section: clamp(48px, 7vw, 84px);
    --varza-space-content: 28px;
    --varza-space-card: 16px;
    /* Bootstrap theme tokens: keep framework components consistent with Varza. */
    --bs-body-bg: var(--varza-color-bg);
    --bs-body-color: var(--varza-color-text);
    --bs-body-font-size: var(--varza-font-size-base);
    --bs-body-line-height: 1.8;
    --bs-body-font-family: "Vazirmatn FaNum", system-ui, sans-serif;
    --bs-primary: var(--varza-color-accent);
    --bs-primary-rgb: 184, 255, 0;
    --bs-secondary-color: var(--varza-color-muted);
    --bs-border-color: var(--varza-color-border);
    --bs-link-color: var(--varza-color-text);
    --bs-link-hover-color: var(--varza-color-accent);
    --bs-border-radius: var(--varza-radius-control);
    --bs-border-radius-lg: var(--varza-radius-card);
}

.btn-primary /* [OFFSIDE-CSS:0bc6f6c1c5] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --bs-btn-color: var(--varza-color-accent-text);
    --bs-btn-bg: var(--varza-color-accent);
    --bs-btn-border-color: var(--varza-color-accent);
    --bs-btn-hover-color: var(--varza-color-accent-text);
    --bs-btn-hover-bg: var(--varza-color-accent-hover);
    --bs-btn-hover-border-color: var(--varza-color-accent-hover);
    --bs-btn-active-color: var(--varza-color-accent-text);
    --bs-btn-active-bg: var(--varza-color-accent-hover);
    --bs-btn-active-border-color: var(--varza-color-accent-hover);
}

.btn-primary:hover,
.btn-primary:focus-visible /* [OFFSIDE-CSS:bcc41f6cd0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    filter: none;
}

.btn-outline-light /* [OFFSIDE-CSS:ac4021f8f5] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --bs-btn-color: var(--varza-color-text);
    --bs-btn-border-color: var(--varza-color-border);
    --bs-btn-hover-color: var(--varza-color-accent-text);
    --bs-btn-hover-bg: var(--varza-color-accent);
    --bs-btn-hover-border-color: var(--varza-color-accent);
}

.card,
.dropdown-menu,
.offcanvas /* [OFFSIDE-CSS:187670ad6c] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --bs-card-bg: var(--varza-color-surface);
    --bs-card-color: var(--varza-color-text);
    --bs-card-border-color: var(--varza-color-border);
    --bs-dropdown-bg: var(--varza-color-surface);
    --bs-dropdown-color: var(--varza-color-text);
    --bs-dropdown-border-color: var(--varza-color-border);
    --bs-offcanvas-bg: var(--varza-color-surface);
    --bs-offcanvas-color: var(--varza-color-text);
}

* /* [OFFSIDE-CSS:eaf40aa798] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    box-sizing: border-box;
}

html /* [OFFSIDE-CSS:55a32f256a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    direction: rtl;
}

body /* [OFFSIDE-CSS:0643c83e56] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
    font-family: "Vazirmatn FaNum", system-ui, sans-serif;
    font-size: var(--varza-font-size-base);
    line-height: 1.8;
}

a /* [OFFSIDE-CSS:d3cc69c725] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: inherit;
}

.screen-reader-text /* [OFFSIDE-CSS:f0c5927028] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

button,
input,
select,
textarea /* [OFFSIDE-CSS:0acb083439] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font: inherit;
}

button,
.varza-button /* [OFFSIDE-CSS:f2c841926b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    border: 1px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

button:hover,
.varza-button:hover /* [OFFSIDE-CSS:cbc74b442e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background-color: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input[type="submit"]:hover /* [OFFSIDE-CSS:1c11f7a70c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background-color: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
}

button:active,
.varza-button:active /* [OFFSIDE-CSS:76445defeb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(1px);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible /* [OFFSIDE-CSS:57eff9c460] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    outline: 3px solid var(--varza-color-accent);
    outline-offset: 3px;
}

input,
select,
textarea /* [OFFSIDE-CSS:6b57c52957] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    width: 100%;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    padding: 7px 10px;
    font-size: 0.9rem;
}

.varza-site-header /* [OFFSIDE-CSS:0e6375cb6d] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom: 2px solid var(--varza-color-border);
    background: var(--varza-color-surface);
    box-shadow: 0 3px 0 rgba(var(--varza-color-accent-rgb), 0.05), 0 8px 24px rgba(var(--varza-color-bg-rgb), 0.18);
    position: relative;
    z-index: 100;
}

.varza-announcement /* [OFFSIDE-CSS:16a8f4e6b3] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    z-index: 101;
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

.varza-announcement[hidden] /* [OFFSIDE-CSS:2b80000177] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

.varza-announcement-inner /* [OFFSIDE-CSS:7eb02e9f9b] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding-block: 4px;
    padding-inline: 44px;
}

.varza-announcement-message /* [OFFSIDE-CSS:aa6f99d54d] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent-text);
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.6;
    text-align: center;
    overflow-wrap: anywhere;
}

.varza-announcement-message a /* [OFFSIDE-CSS:ce56c140e4] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent-text);
    text-decoration: none;
    text-underline-offset: 3px;
}

.varza-announcement-message a:hover,
.varza-announcement-message a:focus-visible /* [OFFSIDE-CSS:0c45831538] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent-text);
    text-decoration: underline;
}

.varza-announcement-dismiss /* [OFFSIDE-CSS:c45cf16e1e] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    display: inline-flex;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(var(--varza-color-accent-text-rgb), 0.28);
    border-radius: 50%;
    background: transparent;
    color: var(--varza-color-accent-text);
    box-sizing: border-box;
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.varza-announcement-dismiss > span /* [OFFSIDE-CSS:a044c8188a] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.varza-announcement-dismiss > span::before,
.varza-announcement-dismiss > span::after /* [OFFSIDE-CSS:e07cf99088] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1.5px;
    border-radius: 2px;
    background: currentColor;
    content: "";
}

.varza-announcement-dismiss > span::before /* [OFFSIDE-CSS:9a3fa072f5] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translate(-50%, -50%) rotate(45deg);
}

.varza-announcement-dismiss > span::after /* [OFFSIDE-CSS:93592568d5] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translate(-50%, -50%) rotate(-45deg);
}

.varza-announcement-dismiss:hover,
.varza-announcement-dismiss:focus-visible /* [OFFSIDE-CSS:f1e24248e4] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(-50%);
    border-color: var(--varza-color-accent-text);
    background: rgba(var(--varza-color-accent-text-rgb), 0.1);
    color: var(--varza-color-accent-text);
    filter: none;
}

.varza-announcement-dismiss:active /* [OFFSIDE-CSS:7db238ca86] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(-50%);
}

.varza-announcement-dismiss:focus-visible /* [OFFSIDE-CSS:f189a49545] ظاهر نوار اطلاع‌رسانی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    outline-color: var(--varza-color-accent-text);
}

.varza-site-header > .varza-container /* [OFFSIDE-CSS:f5b03455a2] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
}

.varza-header-main,
.varza-header-nav,
.varza-footer-grid /* [OFFSIDE-CSS:eac6e4c00f] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 16px;
}

.varza-header-main /* [OFFSIDE-CSS:2709efba90] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(150px, 0.65fr) minmax(380px, 2fr) minmax(220px, 1fr);
    align-items: center;
    justify-content: initial;
    column-gap: clamp(16px, 2vw, 32px);
    min-height: 68px;
    width: 100%;
}

.varza-site-title /* [OFFSIDE-CSS:a841699b28] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
	color: var(--varza-color-accent);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-decoration: none;
    white-space: nowrap;
}

@media (min-width: 992px) /* [OFFSIDE-CSS:9e9a4b4886] شرط نمایش @media (min-width: 992px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-header-main > .varza-site-title /* [OFFSIDE-CSS:eae268560e] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        min-width: 0;
    }

    .varza-header-main > .varza-site-title .varza-logo-sized /* [OFFSIDE-CSS:6af88f83ee] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        width: 100%;
    }

    .varza-header-main > .varza-site-title .varza-logo-image /* [OFFSIDE-CSS:779777e7de] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-inline-start: 0;
        margin-inline-end: auto;
    }
}

.varza-site-title:hover /* [OFFSIDE-CSS:c57b2fb745] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
	color: var(--varza-color-accent-hover);
}

.varza-logo-sized /* [OFFSIDE-CSS:b0bbecb0a6] ظاهر لوگو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --varza-logo-width: 180px;
    --varza-logo-mobile-width: 120px;
}

.varza-logo-image /* [OFFSIDE-CSS:5a39d888f4] ظاهر لوگو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: min(var(--varza-logo-width), 100%);
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.varza-footer-logo /* [OFFSIDE-CSS:ac47788bf2] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
	position: relative;
	display: inline-flex;
    width: min(var(--varza-logo-width), 100%);
    aspect-ratio: var(--varza-logo-aspect-ratio, 3 / 1);
    align-items: center;
    justify-content: center;
    margin-inline-end: 8px;
    vertical-align: middle;
}

.varza-header-search /* [OFFSIDE-CSS:948b3b4744] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex: 1;
    width: 100%;
    max-width: none;
    justify-self: stretch;
    align-items: center;
    align-items: center;
    gap: 4px;
    min-height: 42px;
    padding: 3px;
    border: 1px solid var(--varza-color-border);
    border-radius: 999px;
    background: var(--varza-color-surface);
}

.varza-header-search label /* [OFFSIDE-CSS:3527c34739] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex: 1;
    margin: 0;
}

.varza-header-search .form-control /* [OFFSIDE-CSS:8ca2af170d] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 34px;
    padding-inline: 16px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
}

.varza-header-search .btn /* [OFFSIDE-CSS:9e4a3ab36a] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    order: -1;
    flex: 0 0 38px;
    min-width: 38px;
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    border: 0;
    background: transparent;
    color: var(--varza-color-accent);
    flex-shrink: 0;
}

.varza-header-search .btn:hover,
.varza-header-search .btn:focus-visible /* [OFFSIDE-CSS:3b8df96933] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: transparent;
    background: transparent;
    color: var(--varza-color-accent-hover);
}

.varza-header-search .form-control:focus /* [OFFSIDE-CSS:fe0b4faad4] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: transparent;
    box-shadow: none;
}

.varza-search-submit svg /* [OFFSIDE-CSS:f9955c20e3] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 22px;
    height: 22px;
}

.varza-header-actions /* [OFFSIDE-CSS:76824dd3ee] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.varza-header-action /* [OFFSIDE-CSS:128b3e41ec] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--varza-color-muted);
    font-size: var(--varza-font-size-sm);
    text-decoration: none;
    transition: color 160ms ease;
    white-space: nowrap;
}

.varza-header-action-icon /* [OFFSIDE-CSS:acdc8620e7] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: currentColor;
}

.varza-header-action-icon svg /* [OFFSIDE-CSS:81f39cc030] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    height: 100%;
}

.varza-header-action:hover /* [OFFSIDE-CSS:119747511b] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border);
    background: var(--varza-color-surface);
    color: var(--varza-color-accent);
}

.varza-account-dropdown /* [OFFSIDE-CSS:e201ec6d5b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.varza-account-dropdown-link /* [OFFSIDE-CSS:e51db40987] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    gap: 6px;
    padding-inline: 6px;
}

.varza-account-dropdown-link::after /* [OFFSIDE-CSS:ee14f07da1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 180ms ease;
}

.varza-account-dropdown:hover .varza-account-dropdown-link::after,
.varza-account-dropdown:focus-within .varza-account-dropdown-link::after /* [OFFSIDE-CSS:7048e65a74] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(2px) rotate(225deg);
}

.varza-account-submenu /* [OFFSIDE-CSS:82f9a8a501] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 120;
    inset-inline-start: 0;
    top: 100%;
    display: grid;
    width: max-content;
    min-width: 220px;
    max-width: min(280px, calc(100vw - 32px));
    gap: 2px;
    margin: 0;
    padding: 8px;
    list-style: none;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 14px 34px rgba(var(--varza-color-bg-rgb), 0.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(7px);
    transition: opacity 180ms ease, transform 200ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 200ms;
}

.varza-account-dropdown:hover .varza-account-submenu,
.varza-account-dropdown:focus-within .varza-account-submenu,
.varza-account-dropdown.is-open .varza-account-submenu /* [OFFSIDE-CSS:4802be172a] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
}

.varza-account-submenu li /* [OFFSIDE-CSS:50880f41da] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    list-style: none;
}

.varza-account-submenu li::marker /* [OFFSIDE-CSS:ef0526d8a5] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    content: "";
}

.varza-account-submenu a /* [OFFSIDE-CSS:e280ec36a8] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 7px;
    color: var(--varza-color-muted);
    text-decoration: none;
    white-space: nowrap;
    transition: color 160ms ease, background-color 160ms ease;
}

.varza-account-submenu a:hover,
.varza-account-submenu a:focus-visible /* [OFFSIDE-CSS:7462d4ef4a] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: rgba(var(--varza-color-accent-rgb), 0.08);
    color: var(--varza-color-accent);
}

.varza-cart-count /* [OFFSIDE-CSS:2c2c0a5d78] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    padding-inline: 4px;
    place-items: center;
    border-radius: 999px;
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.varza-cart-count[hidden] /* [OFFSIDE-CSS:845fdbc208] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-header-nav /* [OFFSIDE-CSS:94a82bab6c] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 48px;
    padding-block: 4px;
    border-top: 1px solid color-mix(in srgb, var(--varza-color-border) 60%, transparent);
    background: var(--varza-color-surface);
}

.varza-header-nav > .varza-primary-menu,
.varza-header-nav > ul /* [OFFSIDE-CSS:d288d20fcb] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.varza-header-nav > .varza-primary-menu > li > a,
.varza-header-nav > ul > li > a /* [OFFSIDE-CSS:16f8feb44b] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 13px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--varza-color-muted);
    font-size: 0.86rem;
    text-decoration: none;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.varza-header-nav > .varza-primary-menu > li > a:hover,
.varza-header-nav > ul > li > a:hover,
.varza-header-nav .current-menu-item > a,
.varza-header-nav .current-menu-ancestor > a /* [OFFSIDE-CSS:113e01fc4b] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: color-mix(in srgb, var(--varza-color-accent) 45%, var(--varza-color-border));
    background: rgba(var(--varza-color-accent-rgb), 0.13);
    color: var(--varza-color-accent);
}

body.woocommerce-shop .varza-header-nav > .varza-primary-menu > .varza-product-category-menu-parent > a:hover,
body.woocommerce-shop .varza-header-nav > ul > .varza-product-category-menu-parent > a:hover /* [OFFSIDE-CSS:66b2df5688] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: transparent;
    background: transparent;
    color: var(--varza-color-muted);
}

.varza-header-nav .varza-account-login-item > a,
.varza-header-nav .varza-account-register-item > a /* [OFFSIDE-CSS:b0826674fd] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    gap: 8px;
}

.varza-menu-item-icon /* [OFFSIDE-CSS:0cac046a5f] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
}

.varza-menu-item-icon svg /* [OFFSIDE-CSS:c97d495b63] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 18px;
    height: 18px;
}

.varza-menu-item-label /* [OFFSIDE-CSS:b76826e3e9] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-block;
}

.varza-menu-toggle /* [OFFSIDE-CSS:c3e44057e0] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-container /* [OFFSIDE-CSS:c1f00bafc6] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: min(100% - 40px, var(--varza-content-width));
    margin-inline: auto;
}

.varza-main /* [OFFSIDE-CSS:5a87801d05] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 60vh;
    padding-block: 40px;
}

.varza-shop-page /* [OFFSIDE-CSS:f5dc3f80d9] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 60vh;
    padding-block: 40px;
}

.varza-shop-layout /* [OFFSIDE-CSS:3fc6e09ad4] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    grid-template-areas: "filters results";
    align-items: start;
    gap: 28px;
}

.varza-shop-sidebar /* [OFFSIDE-CSS:21139c4514] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-area: filters;
    min-width: 0;
}

.varza-mobile-filter-row /* [OFFSIDE-CSS:03926d0d78] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

/* The same filter dialog is a normal sidebar on desktop and a modal drawer on small screens. */
dialog.varza-shop-filter-dialog /* [OFFSIDE-CSS:0904cd597c] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    position: static;
    inset: auto;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    color: inherit;
    background: transparent;
}

.varza-shop-filter-panel /* [OFFSIDE-CSS:aa38ab09be] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: static;
    padding: 20px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-shop-filter-form /* [OFFSIDE-CSS:7222776d1b] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
}

.varza-shop-filter-controls /* [OFFSIDE-CSS:0b67c205d5] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: visible;
}

.varza-filter-submit-wrap /* [OFFSIDE-CSS:187a53e495] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-top: 14px;
}

.varza-filter-heading /* [OFFSIDE-CSS:ec713294fb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.varza-filter-heading-actions /* [OFFSIDE-CSS:e444fe0e9d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 12px;
}

.varza-filter-dialog-close /* [OFFSIDE-CSS:3f4c1b3a4e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-filter-heading h2 /* [OFFSIDE-CSS:d7da31d99d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    font-size: 1.05rem;
}

.varza-filter-heading .varza-eyebrow /* [OFFSIDE-CSS:b634d3f13c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 4px;
    font-size: 0.72rem;
}

.varza-filter-clear /* [OFFSIDE-CSS:a686a41062] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.78rem;
    white-space: nowrap;
}

.varza-filter-clear:hover /* [OFFSIDE-CSS:4e8accf8f7] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-filter-group /* [OFFSIDE-CSS:379a254f1e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-block: 14px;
    border-top: 1px solid var(--varza-color-border);
}

.varza-filter-group summary,
.varza-filter-group h3 /* [OFFSIDE-CSS:168bd7486d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.varza-filter-group summary /* [OFFSIDE-CSS:c779314442] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    cursor: pointer;
    list-style: none;
}

.varza-filter-group summary::-webkit-details-marker /* [OFFSIDE-CSS:3e1ad75bf1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-filter-group summary::after /* [OFFSIDE-CSS:b514a2cb43] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: left;
    color: var(--varza-color-muted);
    content: "＋";
    font-size: 1rem;
}

.varza-filter-group[open] summary::after /* [OFFSIDE-CSS:20690deaf7] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    content: "−";
}

.varza-filter-options /* [OFFSIDE-CSS:f7597e25ee] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 10px;
    margin-top: 14px;
    max-height: none;
    overflow: visible;
}

.varza-filter-option /* [OFFSIDE-CSS:ba8195ac16] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--varza-color-muted);
    cursor: pointer;
    font-size: 0.83rem;
}

.varza-filter-option input /* [OFFSIDE-CSS:36644a89df] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 14px;
    min-width: 14px;
    max-width: 14px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    flex: 0 0 14px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    appearance: none;
    border: 1px solid var(--varza-color-accent);
    background: var(--varza-color-bg);
    cursor: pointer;
}

.varza-filter-option input[type="checkbox"]:checked /* [OFFSIDE-CSS:c2b15d170c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent) !important;
    background-color: var(--varza-color-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 2.4 2.4L10 3' fill='none' stroke='%23080a0a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}

.varza-filter-option span /* [OFFSIDE-CSS:b9de82f9fd] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    overflow-wrap: anywhere;
}

.varza-filter-option small /* [OFFSIDE-CSS:f10eae0f63] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline-start: auto;
    color: var(--varza-color-muted);
    font-size: 0.72rem;
}

.varza-filter-price h3 /* [OFFSIDE-CSS:aba2a3768d] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 12px;
}

.varza-price-slider /* [OFFSIDE-CSS:665f4a98a9] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 16px;
}

.varza-price-slider-values /* [OFFSIDE-CSS:ded8c750d9] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--varza-color-muted);
    font-size: 0.72rem;
}

.varza-price-slider-values output /* [OFFSIDE-CSS:f59def8a2d] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    overflow-wrap: anywhere;
}

.varza-price-slider-track /* [OFFSIDE-CSS:dbbc475b52] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    height: 28px;
    margin-top: 8px;
}

.varza-price-slider-track::before /* [OFFSIDE-CSS:1e7249a236] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 3px;
    border-radius: 999px;
    background: var(--varza-color-border);
    content: "";
    transform: translateY(-50%);
}

.varza-price-slider-active /* [OFFSIDE-CSS:d80b30756e] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    left: 0;
    height: 3px;
    border-radius: 999px;
    background: var(--varza-color-accent);
    box-shadow: 0 0 8px rgba(var(--varza-color-accent-rgb), 0.35);
    transform: translateY(-50%);
}

.varza-price-slider-track input[type="range"] /* [OFFSIDE-CSS:601c7a36de] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 100%;
    height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    pointer-events: none;
    appearance: none;
}

.varza-price-slider-track input[type="range"]::-webkit-slider-runnable-track /* [OFFSIDE-CSS:36166df4f0] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: 3px;
    background: transparent;
}

.varza-price-slider-track input[type="range"]::-moz-range-track /* [OFFSIDE-CSS:8a4fd76205] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: 3px;
    background: transparent;
}

.varza-price-slider-track input[type="range"]::-webkit-slider-thumb /* [OFFSIDE-CSS:0ab02f4892] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 14px;
    height: 14px;
    margin-top: -5px;
    border: 2px solid var(--varza-color-bg);
    border-radius: 50%;
    background: var(--varza-color-accent);
    box-shadow: 0 0 0 1px var(--varza-color-accent);
    pointer-events: auto;
    cursor: pointer;
    appearance: none;
}

.varza-price-slider-track input[type="range"]::-moz-range-thumb /* [OFFSIDE-CSS:1bfb73bde7] ظاهر نمایش قیمت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 10px;
    height: 10px;
    border: 2px solid var(--varza-color-bg);
    border-radius: 50%;
    background: var(--varza-color-accent);
    box-shadow: 0 0 0 1px var(--varza-color-accent);
    pointer-events: auto;
    cursor: pointer;
}

.varza-filter-muted /* [OFFSIDE-CSS:ebdde8d83e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 12px 0 0;
    color: var(--varza-color-muted);
    font-size: 0.78rem;
}

.varza-filter-flags /* [OFFSIDE-CSS:17ac3d217c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 12px;
}

.varza-filter-submit /* [OFFSIDE-CSS:5c76be4537] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    margin-top: 0;
}

.varza-shop-results /* [OFFSIDE-CSS:ef7f53a333] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-area: results;
    min-width: 0;
}

.varza-shop-results.is-filter-loading /* [OFFSIDE-CSS:234ab2408a] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    opacity: .55;
    pointer-events: none;
    transition: opacity .18s ease;
}

.woocommerce .varza-shop-results ul.products,
.woocommerce-page .varza-shop-results ul.products /* [OFFSIDE-CSS:b96dcc26e1] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--varza-product-grid-gap);
}

.woocommerce-pagination,
.navigation.pagination /* [OFFSIDE-CSS:5124842a6b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    justify-content: center;
    margin: 32px 0 8px;
}

.woocommerce-pagination ul.page-numbers /* [OFFSIDE-CSS:6e05878f2c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex !important;
    align-items: center;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 10px;
    width: max-content !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after /* [OFFSIDE-CSS:b850f46f57] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
    content: none !important;
}

.woocommerce-pagination ul.page-numbers > li /* [OFFSIDE-CSS:5eab456d41] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex !important;
    align-items: center;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    flex: 0 0 auto !important;
    list-style: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-pagination ul.page-numbers > li::before,
.woocommerce-pagination ul.page-numbers > li::after /* [OFFSIDE-CSS:02b1c8b26f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
    content: none !important;
}

.woocommerce-pagination ul.page-numbers > li > .page-numbers,
.navigation.pagination .nav-links .page-numbers /* [OFFSIDE-CSS:6349c138e9] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    padding: 0 !important;
    border: 2px solid var(--varza-color-accent) !important;
    border-radius: 50% !important;
    background: var(--varza-color-bg);
    color: var(--varza-color-muted);
    font-size: 0.82rem;
    line-height: 1;
    text-decoration: none;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.navigation.pagination .nav-links /* [OFFSIDE-CSS:2ddff4a57b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 10px;
    width: max-content;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.woocommerce-pagination ul.page-numbers > li > .page-numbers:hover,
.navigation.pagination .page-numbers:hover /* [OFFSIDE-CSS:68d3299523] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 2px solid var(--varza-color-accent) !important;
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
}

.woocommerce-pagination ul.page-numbers > li > .page-numbers.current,
.navigation.pagination .page-numbers.current /* [OFFSIDE-CSS:d38f4c9f50] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 2px solid var(--varza-color-accent) !important;
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

.woocommerce-pagination ul.page-numbers > li > .page-numbers.next,
.woocommerce-pagination ul.page-numbers > li > .page-numbers.prev,
.navigation.pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev /* [OFFSIDE-CSS:1c98d93de7] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 36px !important;
    padding: 0 !important;
}

.woocommerce .varza-shop-results.varza-infinite-scroll-active .woocommerce-pagination /* [OFFSIDE-CSS:dd2ea2d417] شماره صفحات فقط هنگام پیمایش خودکار سالم پنهان است؛ بدون JS یا در خطا fallback دیده می‌شود. */
{
    display: none !important;
}

.varza-infinite-scroll-status /* [OFFSIDE-CSS:25b744c7a5] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 24px 0 8px;
    color: var(--varza-color-muted);
    font-size: 0.82rem;
    text-align: center;
}

.woocommerce ul.products,
.woocommerce-page ul.products,
.varza-search-page ul.products /* [OFFSIDE-CSS:d686730cb9] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--varza-product-grid-gap);
    margin: 32px 0;
    margin-inline: 0;
    padding: 0;
    list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
.varza-search-page ul.products::before,
.varza-search-page ul.products::after /* [OFFSIDE-CSS:47205fa2b1] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}


.varza-site-footer /* [OFFSIDE-CSS:b98814378e] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-block-start: clamp(24px, 3vw, 40px);
    border-top: 1px solid var(--varza-color-border);
    color: var(--varza-color-muted);
    padding-block: 30px;
}

.varza-footer-grid /* [OFFSIDE-CSS:ced6d3c2b1] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    justify-content: space-between;
}

.varza-footer-nav ul /* [OFFSIDE-CSS:e47e4c8145] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.varza-alert /* [OFFSIDE-CSS:a20265b620] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 1px solid var(--varza-color-border);
    border-inline-start: 4px solid var(--varza-color-accent);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    padding: 12px 16px;
}

.varza-button-secondary /* [OFFSIDE-CSS:a40d9a0cc1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
}

.varza-button-secondary:hover /* [OFFSIDE-CSS:bf8e10bf33] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

.varza-button-secondary:focus-visible /* [OFFSIDE-CSS:d851b4880e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

.varza-eyebrow /* [OFFSIDE-CSS:db3fd5fd18] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 8px;
    color: var(--varza-color-accent);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.varza-home /* [OFFSIDE-CSS:1c4acc0da0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-block: 0 var(--varza-space-section);
}

.varza-hero /* [OFFSIDE-CSS:10ef2b4c76] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: calc(100% - 40px);
    max-width: none;
    min-height: 0;
    margin: 20px auto;
    padding: 0;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 20px 44px rgba(var(--varza-color-bg-rgb), 0.24);
}

.varza-hero:not(.varza-hero-slider) /* [OFFSIDE-CSS:72e3dbb175] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: stretch;
    gap: 32px;
    padding: 48px 5vw;
}

.varza-hero-slider /* [OFFSIDE-CSS:e30a32a307] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    position: relative;
    --varza-hero-height: 500px;
    --varza-hero-mobile-height: 300px;
    --varza-hero-motion: 560ms;
    --varza-hero-exit-motion: 480ms;
}

.varza-hero-slides /* [OFFSIDE-CSS:1dd8f8a702] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    min-width: 0;
    min-height: var(--varza-hero-height);
}

.varza-hero-slider.is-enhanced .varza-hero-slides /* [OFFSIDE-CSS:e730223ac2] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.varza-hero-slide /* [OFFSIDE-CSS:1737abb7a5] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
    position: relative;
    min-height: var(--varza-hero-height);
    overflow: hidden;
    background: #000;
    border-radius: 0;
}

.varza-hero-slide.is-active /* [OFFSIDE-CSS:ec90099406] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
}

.varza-hero-slider.is-enhanced .varza-hero-slide /* [OFFSIDE-CSS:5b308d2a47] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateX(8%);
    transition: opacity var(--varza-hero-motion) ease, transform var(--varza-hero-motion) cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear var(--varza-hero-motion);
}

.varza-hero-slider.is-enhanced .varza-hero-slide.is-active /* [OFFSIDE-CSS:e18e198931] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    z-index: 2;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity var(--varza-hero-motion) ease, transform var(--varza-hero-motion) cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}

.varza-hero-slider .varza-hero-slide::after /* [OFFSIDE-CSS:11ada6899f] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to left, rgba(var(--varza-color-bg-rgb), 0.98) 0%, rgba(var(--varza-color-bg-rgb), 0.88) 34%, rgba(var(--varza-color-bg-rgb), 0.24) 63%, transparent 100%);
    content: "";
    pointer-events: none;
}

.varza-hero-slider .varza-hero-slide.is-overlay-strong::after /* [OFFSIDE-CSS:3504958f88] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: linear-gradient(to left, rgba(var(--varza-color-bg-rgb), 1) 0%, rgba(var(--varza-color-bg-rgb), 0.94) 42%, rgba(var(--varza-color-bg-rgb), 0.38) 70%, transparent 100%);
}

.varza-hero-slider .varza-hero-slide.is-overlay-soft::after /* [OFFSIDE-CSS:2a1ff85383] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: linear-gradient(to left, rgba(var(--varza-color-bg-rgb), 0.88) 0%, rgba(var(--varza-color-bg-rgb), 0.68) 30%, rgba(var(--varza-color-bg-rgb), 0.12) 60%, transparent 100%);
}

.varza-hero-slider .varza-hero-copy /* [OFFSIDE-CSS:78d9b81e02] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    z-index: 2;
    width: min(58%, 660px);
    min-height: var(--varza-hero-height);
    margin-inline-start: 0;
    margin-inline-end: auto;
    padding: clamp(30px, 5vw, 64px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-shadow: 0 2px 18px rgba(var(--varza-color-bg-rgb), 0.42);
}

.varza-hero-slider .varza-hero-slide.is-text-center .varza-hero-copy /* [OFFSIDE-CSS:57e8fe256e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline: auto;
}

.varza-hero-slider .varza-hero-slide.is-text-left .varza-hero-copy /* [OFFSIDE-CSS:2ffb9e7a4a] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline-start: auto;
    margin-inline-end: 0;
}

.varza-hero-slider .varza-hero-slide.is-text-left::after /* [OFFSIDE-CSS:ac6224d35b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: linear-gradient(to right, rgba(var(--varza-color-bg-rgb), 0.98) 0%, rgba(var(--varza-color-bg-rgb), 0.88) 34%, rgba(var(--varza-color-bg-rgb), 0.24) 63%, transparent 100%);
}

.varza-hero-slider .varza-hero-slide.is-text-left.is-overlay-strong::after /* [OFFSIDE-CSS:a2ac32acde] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: linear-gradient(to right, rgba(var(--varza-color-bg-rgb), 1) 0%, rgba(var(--varza-color-bg-rgb), 0.94) 42%, rgba(var(--varza-color-bg-rgb), 0.38) 70%, transparent 100%);
}

.varza-hero-slider .varza-hero-slide.is-text-left.is-overlay-soft::after /* [OFFSIDE-CSS:c7ac6dfea5] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: linear-gradient(to right, rgba(var(--varza-color-bg-rgb), 0.88) 0%, rgba(var(--varza-color-bg-rgb), 0.68) 30%, rgba(var(--varza-color-bg-rgb), 0.12) 60%, transparent 100%);
}

.varza-hero-slider .varza-hero-media /* [OFFSIDE-CSS:9c8ad6812a] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 0;
    inset: 0;
    inset-inline-start: auto;
    inset-inline-end: 0;
    width: 68%;
    height: 100%;
    min-height: 0;
    background: #000;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.varza-hero-slider.is-enhanced .varza-hero-slide.is-leaving /* [OFFSIDE-CSS:b3de7fe772] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    z-index: 1;
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-8%);
    transition: opacity var(--varza-hero-exit-motion) ease, transform var(--varza-hero-exit-motion) cubic-bezier(0.4, 0, 1, 1), visibility 0s;
    animation: varza-hero-exit var(--varza-hero-exit-motion) cubic-bezier(0.4, 0, 1, 1) both;
}

.varza-hero-slider.is-enhanced .varza-hero-slide.is-entering /* [OFFSIDE-CSS:8b49871f57] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    animation: varza-hero-enter var(--varza-hero-motion) cubic-bezier(0.22, 1, 0.36, 1) both;
}

.varza-hero-slider[data-varza-hero-effect="fade"] .varza-hero-slide,
.varza-hero-slider[data-varza-hero-effect="fade"] .varza-hero-slide.is-leaving /* [OFFSIDE-CSS:30a14eb788] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: none;
}

.varza-hero-slider[data-varza-hero-effect="fade"] .varza-hero-slide.is-entering /* [OFFSIDE-CSS:e8f68dee5b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    animation-name: varza-hero-fade-enter;
}

.varza-hero-slider[data-varza-hero-effect="fade"] .varza-hero-slide.is-leaving /* [OFFSIDE-CSS:0ae506fcaf] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    animation-name: varza-hero-fade-exit;
}

@keyframes varza-hero-enter /* [OFFSIDE-CSS:5feea0f45a] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    from {
        opacity: 0;
        transform: translateX(12%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes varza-hero-exit /* [OFFSIDE-CSS:5065e62327] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(-12%);
    }
}

@keyframes varza-hero-fade-enter /* [OFFSIDE-CSS:0c2d291a19] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes varza-hero-fade-exit /* [OFFSIDE-CSS:abd17d44d0] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    from { opacity: 1; }
    to { opacity: 0; }
}

.varza-hero-slide > * /* [OFFSIDE-CSS:60e3fe9703] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
}

.varza-hero-description /* [OFFSIDE-CSS:a900b5aa3e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 620px;
    margin-bottom: 28px;
    color: var(--varza-color-text);
    font-size: 1.1rem;
    overflow-wrap: anywhere;
}

.varza-hero-description p /* [OFFSIDE-CSS:a29d1f4923] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 8px;
}

.varza-hero-media /* [OFFSIDE-CSS:8ca1a66ac9] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    min-height: clamp(390px, 35vw, var(--varza-hero-height));
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 18px 40px rgba(var(--varza-color-bg-rgb), 0.2);
}

.varza-hero-media picture,
.varza-hero-media img /* [OFFSIDE-CSS:3f8f6b2b5c] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: 100%;
}

.varza-hero-media picture /* [OFFSIDE-CSS:3d8f8125d0] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset: 0;
}

.varza-hero-media img /* [OFFSIDE-CSS:4831838762] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    object-fit: cover;
    object-position: center;
}

.varza-hero-slide.has-image-error .varza-hero-media img /* [OFFSIDE-CSS:4f4b75b21a] هنگام خطای تصویر، قاب سیاه هیرو را نگه می‌دارد. */
{
    display: none;
}

.varza-hero-controls /* [OFFSIDE-CSS:a0b90d0a55] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
    position: absolute;
    z-index: 6;
    inset-inline: 20px;
    bottom: 16px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    pointer-events: none;
}

.varza-hero-slider.is-enhanced .varza-hero-controls /* [OFFSIDE-CSS:59974aa343] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
}

.varza-hero-controls > * /* [OFFSIDE-CSS:e4079c8fac] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    pointer-events: auto;
}

.varza-hero-control /* [OFFSIDE-CSS:71cd18ee2d] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 38px;
    min-height: 38px;
    padding-inline: 10px;
}

.varza-hero-arrow /* [OFFSIDE-CSS:ca3d77e3b2] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 7;
    top: 50%;
    display: grid;
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    place-items: center;
    padding: 0;
    line-height: 0;
    border: 1px solid rgba(var(--varza-color-text-rgb), 0.2);
    border-radius: 50%;
    background: rgba(var(--varza-color-surface-rgb), 0.2);
    color: var(--varza-color-text);
    box-shadow: 0 3px 12px rgba(var(--varza-color-bg-rgb), 0.18);
    backdrop-filter: none;
    transform: translateY(-50%);
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.varza-hero-arrow-prev /* [OFFSIDE-CSS:7fd870e272] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ inset-inline-start: 12px; }
.varza-hero-arrow-next /* [OFFSIDE-CSS:ab2de778a2] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ inset-inline-end: 12px; }

.varza-hero-arrow svg /* [OFFSIDE-CSS:f102f9347f] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.varza-hero-arrow:hover,
.varza-hero-arrow:focus-visible /* [OFFSIDE-CSS:81bd4d5994] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    transform: translateY(-50%) scale(1.06);
}

.varza-hero-arrow:focus-visible /* [OFFSIDE-CSS:0c2a39041f] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ outline: 2px solid var(--varza-color-accent); outline-offset: 3px; }

.varza-hero-toggle /* [OFFSIDE-CSS:e8f612bd1f] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 96px;
    border-color: var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
}

.varza-hero-toggle:hover /* [OFFSIDE-CSS:48bd5da1d8] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
}

.varza-hero-dots /* [OFFSIDE-CSS:e14a843499] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 2px;
    opacity: 0.62;
}

.varza-hero-dot /* [OFFSIDE-CSS:8607fbf840] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 0.78;
    transition: opacity 160ms ease;
}

.varza-hero-dot::before /* [OFFSIDE-CSS:a54c26ad15] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid rgba(var(--varza-color-text-rgb), 0.48);
    border-radius: 50%;
    background: transparent;
    content: "";
    transform: translate(-50%, -50%);
}

.varza-hero-dot.is-active::before /* [OFFSIDE-CSS:0e9600f1d9] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-accent);
}

.varza-hero-dot.is-active /* [OFFSIDE-CSS:1deb41eada] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    opacity: 1;
}

.varza-hero-controls .varza-hero-control,
.varza-hero-controls .varza-hero-toggle /* [OFFSIDE-CSS:e33d70f859] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 30px;
    min-height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(var(--varza-color-text-rgb), 0.58);
    font-size: 0.78rem;
}

.varza-hero-copy,
.varza-hero-panel,
.varza-help-panel /* [OFFSIDE-CSS:95952820b7] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 18px 40px rgba(var(--varza-color-bg-rgb), 0.2);
}

.varza-hero-copy /* [OFFSIDE-CSS:c65b6c0aad] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 5vw, 52px);
    background: radial-gradient(circle at 12% 18%, rgba(var(--varza-color-accent-rgb), 0.12), transparent 34%), var(--varza-color-surface);
    box-shadow: 0 18px 40px rgba(var(--varza-color-bg-rgb), 0.18);
    overflow-wrap: anywhere;
}

.varza-hero-slider .varza-hero-copy .varza-eyebrow /* [OFFSIDE-CSS:fdefacbdfd] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: fit-content;
    align-items: center;
    margin-bottom: 20px;
    padding: 5px 12px;
    border: 1px solid rgba(var(--varza-color-accent-rgb), 0.28);
    border-radius: 999px;
    background: rgba(var(--varza-color-surface-rgb), 0.72);
    color: var(--varza-color-accent);
    text-shadow: none;
}

.varza-hero h1,
.varza-hero h2 /* [OFFSIDE-CSS:0b00360a8e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 720px;
    margin: 0 0 16px;
    font-size: clamp(1.8rem, 4vw, 3.5rem);
    line-height: 1.15;
    text-wrap: balance;
}

.varza-hero-copy > p:not(.varza-eyebrow) /* [OFFSIDE-CSS:5d8ea563d2] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 620px;
    margin: 0 0 32px;
    color: var(--varza-color-muted);
    font-size: 1rem;
}

.varza-hero-actions,
.varza-empty-actions /* [OFFSIDE-CSS:bdf90c6a05] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.varza-hero-panel /* [OFFSIDE-CSS:d44279473b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    border-color: color-mix(in srgb, var(--varza-color-accent) 55%, var(--varza-color-border));
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    box-shadow: 0 18px 40px rgba(var(--varza-color-bg-rgb), 0.18);
}

.varza-hero-panel div /* [OFFSIDE-CSS:3f7c482545] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    border-bottom: 1px solid var(--varza-color-border);
}

.varza-hero-panel div:last-child /* [OFFSIDE-CSS:7c9ce3f8e9] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom: 0;
}

.varza-hero-panel strong /* [OFFSIDE-CSS:90007da59e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-size: 1.65rem;
    line-height: 1.1;
}

.varza-hero-panel span /* [OFFSIDE-CSS:964d3082a9] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 6px;
    color: var(--varza-color-muted);
    font-size: 0.86rem;
}

.varza-home-section /* [OFFSIDE-CSS:f5fe716de1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-block: var(--varza-space-section) 0;
}
.varza-guide-grid /* [OFFSIDE-CSS:423ed8a838] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; flex-wrap: nowrap; gap: var(--varza-guide-gap, 14px); padding-block: 6px 12px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.varza-guide-grid::-webkit-scrollbar { display: none; }
.varza-guide-grid.is-scrollable { cursor: grab; }
.varza-guide-grid.is-dragging { cursor: grabbing; user-select: none; }
.varza-guide-carousel { position: relative; }
.varza-guide-grid > .varza-guide-card { flex: 0 0 calc((100% - 2 * var(--varza-guide-gap, 14px)) / 3); }
.varza-guide-card /* [OFFSIDE-CSS:232d34f764] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; min-width: 0; box-sizing: border-box; flex-direction: column; align-items: flex-start; padding: var(--varza-guide-padding, 18px); border: 1px solid var(--varza-guide-border, var(--varza-color-border)); border-radius: var(--varza-guide-radius, var(--varza-radius-card)); background: var(--varza-guide-bg, var(--varza-color-surface)); }
.varza-guide-card h3 /* [OFFSIDE-CSS:4d695ba1e4] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin: 0 0 8px; color: var(--varza-guide-title, var(--varza-color-text)); font-size: var(--varza-guide-title-size, 0.92rem); line-height: 1.6; }
.varza-guide-card p /* [OFFSIDE-CSS:9f9c623ed0] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin: 0 0 16px; color: var(--varza-guide-description, var(--varza-color-muted)); font-size: var(--varza-guide-description-size, 0.78rem); line-height: 1.8; }
.varza-guide-card a /* [OFFSIDE-CSS:b72daf367f] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: inline-flex; gap: 5px; align-items: center; margin-top: auto; color: var(--varza-guide-link, var(--varza-color-accent)); font-size: var(--varza-guide-link-size, 0.75rem); font-weight: 700; text-decoration: none; }
.varza-guide-card a:hover /* [OFFSIDE-CSS:a77f8c899a] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ color: var(--varza-guide-link, var(--varza-color-accent-hover)); text-decoration: underline; }

.varza-trust-strip /* [OFFSIDE-CSS:ffc9092fef] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding-block: 20px 0;
}

.varza-trust-item /* [OFFSIDE-CSS:77fb08cc85] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 12px 14px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-trust-icon /* [OFFSIDE-CSS:8bafaf1467] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    color: var(--varza-color-accent);
}

.varza-trust-icon svg /* [OFFSIDE-CSS:7d48d77ebe] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    height: 100%;
}

.varza-trust-icon img /* [OFFSIDE-CSS:050f934608] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.varza-trust-item strong,
.varza-trust-item small /* [OFFSIDE-CSS:69dccdbfeb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
}

.varza-trust-item strong /* [OFFSIDE-CSS:784e2ce1f2] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: 0.92rem;
}

.varza-trust-item small /* [OFFSIDE-CSS:57656b10d3] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 3px;
    color: var(--varza-color-muted);
    font-size: 0.76rem;
}

.varza-section-heading,
.varza-page-heading /* [OFFSIDE-CSS:e6a31c2734] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.varza-section-heading h2,
.varza-page-heading h1,
.varza-help-panel h2 /* [OFFSIDE-CSS:24c8bf2e3b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    line-height: 1.25;
    text-wrap: balance;
}

.varza-section-heading h2 /* [OFFSIDE-CSS:7ac3ec5bd4] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: 1.35rem;
}

.varza-page-heading h1 /* [OFFSIDE-CSS:ecae7e3d6c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: 1.65rem;
}

.varza-text-link /* [OFFSIDE-CSS:f7f0e7a612] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.varza-text-link:hover /* [OFFSIDE-CSS:73ff8e5935] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    text-decoration: underline;
}

.varza-category-grid /* [OFFSIDE-CSS:d4c924bf04] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --varza-category-gap: 16px;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--varza-category-gap);
    margin-inline: 0;
    /* Keep the hover lift inside this scroll container's vertical clipping area. */
    padding: 6px 2px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: none;
    scroll-behavior: auto;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

.varza-category-grid.is-scrollable /* [OFFSIDE-CSS:82fc6ca65c] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    cursor: grab;
}

.varza-category-grid.is-scrollable.is-dragging /* [OFFSIDE-CSS:4e5857f207] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    cursor: grabbing;
}

.varza-category-grid.is-dragging /* [OFFSIDE-CSS:21b01ed731] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    scroll-snap-type: none;
    user-select: none;
    -webkit-user-select: none;
}

.varza-category-grid > .varza-category-card /* [OFFSIDE-CSS:2d116b723c] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: auto;
    min-width: 220px;
    max-width: none;
    flex: 0 0 calc((100% - (3 * var(--varza-category-gap))) / 4);
    scroll-snap-align: start;
}

.varza-category-grid::-webkit-scrollbar /* [OFFSIDE-CSS:3e13d2aeba] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
    width: 0;
    height: 0;
}

.varza-category-carousel /* [OFFSIDE-CSS:31255efa2e] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
}

.varza-category-arrow /* [OFFSIDE-CSS:4f54ced9bc] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
}

.varza-category-arrow-prev /* [OFFSIDE-CSS:c4095d94de] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ inset-inline-start: 8px; }
.varza-category-arrow-next /* [OFFSIDE-CSS:d6aaf112ec] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ inset-inline-end: 8px; }

.varza-category-arrow[hidden] /* [OFFSIDE-CSS:ae98a83c29] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

.varza-category-arrow:disabled /* [OFFSIDE-CSS:cb9f486d17] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    opacity: 0.38;
    cursor: default;
}

.varza-category-arrow:disabled:hover /* [OFFSIDE-CSS:0932c8534c] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: rgba(var(--varza-color-text-rgb), 0.2);
    background: rgba(var(--varza-color-surface-rgb), 0.2);
    color: var(--varza-color-text);
    transform: translateY(-50%);
}

.varza-category-arrow:hover:not(:disabled),
.varza-category-arrow:focus-visible:not(:disabled),
.varza-category-arrow:active:not(:disabled) /* [OFFSIDE-CSS:955253e6f9] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: rgba(var(--varza-color-text-rgb), 0.2);
    background: rgba(var(--varza-color-surface-rgb), 0.2);
    color: var(--varza-color-text);
    box-shadow: 0 3px 12px rgba(var(--varza-color-bg-rgb), 0.18);
    filter: none;
    transform: translateY(-50%);
}

.varza-category-card /* [OFFSIDE-CSS:09d92e4308] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 238px;
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    text-decoration: none;
    box-shadow: 0 12px 26px rgba(var(--varza-color-bg-rgb), 0.12);
    transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
    overflow-wrap: anywhere;
}

.varza-category-card-top /* [OFFSIDE-CSS:516ffd40e2] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
}

.varza-category-icon /* [OFFSIDE-CSS:9d0ec22766] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    width: min(100%, 132px);
    height: 132px;
    place-items: center;
    flex: 0 1 132px;
    color: var(--varza-color-accent);
    border: 1px solid rgba(var(--varza-color-accent-rgb), 0.24);
    border-radius: 22px;
    background: rgba(var(--varza-color-accent-rgb), 0.06);
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.varza-category-icon svg /* [OFFSIDE-CSS:497916effe] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 68px;
    height: 68px;
}

.varza-category-icon.has-image /* [OFFSIDE-CSS:f7018780e3] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: hidden;
    padding: 0;
    background: transparent;
    border-color: transparent;
}

.varza-category-icon.has-image img /* [OFFSIDE-CSS:4818793911] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 220ms ease;
}

.varza-category-card:hover /* [OFFSIDE-CSS:da19f4f959] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
    box-shadow: 0 18px 32px rgba(var(--varza-color-bg-rgb), 0.2);
    transform: translateY(-3px);
}

.varza-category-card:hover .varza-category-icon /* [OFFSIDE-CSS:7cc212e3a3] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent-text);
    border-color: var(--varza-color-accent);
    background: var(--varza-color-accent);
}

.varza-category-card:hover .varza-category-icon.has-image /* [OFFSIDE-CSS:47ef765124] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: transparent;
    background: transparent;
    color: inherit;
}

.varza-category-card:hover .varza-category-icon.has-image img /* [OFFSIDE-CSS:e2af05aad0] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ transform: scale(1.045); }

.varza-category-card.has-category-image /* [OFFSIDE-CSS:a0648e0757] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    justify-content: flex-end;
    gap: 8px;
    padding: 20px;
    overflow: hidden;
    background: var(--varza-color-surface);
}

.varza-category-card.has-category-image::before /* [OFFSIDE-CSS:3ca04da06b] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(to top, rgba(var(--varza-color-bg-rgb), 0.96) 0%, rgba(var(--varza-color-bg-rgb), 0.76) 34%, rgba(var(--varza-color-bg-rgb), 0.18) 68%, transparent 100%);
    content: "";
    pointer-events: none;
}

.varza-category-card.has-category-image::after /* [OFFSIDE-CSS:2777b7a547] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 2;
    inset: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: inherit;
    content: "";
    pointer-events: none;
    transition: border-color 160ms ease;
}

.varza-category-card.has-category-image:hover::after,
.varza-category-card.has-category-image:focus-visible::after /* [OFFSIDE-CSS:b56544d29e] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
}

.varza-category-card.has-category-image .varza-category-card-top,
.varza-category-card.has-category-image .varza-category-icon.has-image /* [OFFSIDE-CSS:e48efb19eb] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: -2;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    flex: none;
    border: 0;
    border-radius: inherit;
    background: transparent;
}

.varza-category-card.has-category-image .varza-category-icon.has-image img /* [OFFSIDE-CSS:9ad3b82c98] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.varza-category-card.has-category-image strong,
.varza-category-card.has-category-image > span:last-child /* [OFFSIDE-CSS:d8225b80fb] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin: 0;
    text-align: right;
    text-shadow: 0 1px 8px rgba(var(--varza-color-bg-rgb), 0.35);
}

.varza-category-card.has-category-image > span:last-child /* [OFFSIDE-CSS:65754e95e3] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
}

.varza-category-card strong /* [OFFSIDE-CSS:539e42ce63] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 14px;
    font-size: 1.08rem;
    text-align: center;
}

.varza-category-card > span:last-child /* [OFFSIDE-CSS:f6204ac685] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.9rem;
    text-align: center;
}

.varza-sport-carousel /* [OFFSIDE-CSS:2daea7990d] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
}

.varza-sport-grid /* [OFFSIDE-CSS:72e64ed513] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --varza-sport-gap: 16px;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--varza-sport-gap);
    margin-inline: 0;
    padding: 6px 2px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: none;
    scroll-behavior: auto;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

.varza-sport-grid.is-scrollable /* [OFFSIDE-CSS:44d22f95bc] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    cursor: grab;
}

.varza-sport-grid.is-scrollable.is-dragging /* [OFFSIDE-CSS:d9403ff4d2] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    cursor: grabbing;
}

.varza-sport-grid.is-dragging /* [OFFSIDE-CSS:67afcfa585] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    scroll-snap-type: none;
    user-select: none;
    -webkit-user-select: none;
}

.varza-sport-grid::-webkit-scrollbar /* [OFFSIDE-CSS:f4a8b79ef8] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
    width: 0;
    height: 0;
}

.varza-sport-card /* [OFFSIDE-CSS:6ba3c9a740] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    max-width: 200px;
    flex: 0 0 200px;
    scroll-snap-align: start;
    min-height: 0;
    gap: 10px;
    padding: 8px 8px 12px;
    border: 1px solid var(--varza-color-border);
    border-inline-start: 3px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.varza-sport-card:hover /* [OFFSIDE-CSS:2bbac7a273] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
    transform: translateY(-2px);
}

.varza-sport-label /* [OFFSIDE-CSS:773d5b0464] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    max-width: 100%;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.varza-sport-icon /* [OFFSIDE-CSS:e9e81e9b13] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    place-items: center;
    color: var(--varza-color-accent);
}

.varza-sport-icon.has-image /* [OFFSIDE-CSS:aa8d5f31cf] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 14px;
    background: transparent;
}

.varza-sport-icon.has-image img /* [OFFSIDE-CSS:4026c647cb] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.varza-sport-icon svg /* [OFFSIDE-CSS:5b1cb61845] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    height: 100%;
}

.varza-sport-arrow /* [OFFSIDE-CSS:3ebe280bb2] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    top: 12px;
    inset-inline-start: 12px;
    color: var(--varza-color-muted);
    transition: color 160ms ease, transform 160ms ease;
}

.varza-sport-card:hover .varza-sport-arrow /* [OFFSIDE-CSS:8091455aa3] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    transform: translate(-2px, -2px);
}

.varza-sport-card:hover /* [OFFSIDE-CSS:2bbac7a273] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

@media (max-width: 640px) /* [OFFSIDE-CSS:36884dcf51] شرط نمایش @media (max-width: 640px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-sport-grid /* [OFFSIDE-CSS:f2e83b2fe9] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        --varza-sport-gap: 12px;
    }

    .varza-sport-card /* [OFFSIDE-CSS:7e6c53713d] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-width: 0;
        max-width: 164px;
        flex-basis: 164px;
        min-height: 0;
        padding: 6px 6px 10px;
    }

    .varza-sport-icon:not(.has-image) /* [OFFSIDE-CSS:b55ed52d65] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 92px;
        height: 92px;
        flex-basis: 92px;
    }
}

.varza-home-products,
.varza-search-products /* [OFFSIDE-CSS:80df9d46c4] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 0 !important;
}

.varza-footer-grid.varza-footer-content /* [OFFSIDE-CSS:b316a4b1c0] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
}
.varza-footer-content > * /* [OFFSIDE-CSS:7e931cb56d] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ min-width: 0; }
.varza-footer-brand /* [OFFSIDE-CSS:899290a0b0] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; flex-direction: column; align-items: center; align-self: start; gap: 8px; text-align: center; }
.varza-footer-brand .varza-footer-logo /* [OFFSIDE-CSS:3fe7f3af33] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ align-self: center; justify-content: center; margin-inline: 0; margin-bottom: 10px; }
.varza-footer-brand .varza-footer-logo img /* [OFFSIDE-CSS:deaa94c250] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: contain; }
.varza-footer-brand .varza-footer-socials /* [OFFSIDE-CSS:662e4a83a0] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ text-align: center; }
.varza-footer-brand .varza-footer-socials h2 /* [OFFSIDE-CSS:40fd48f760] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ text-align: center; }
.varza-footer-brand .varza-social-list /* [OFFSIDE-CSS:e290d0969f] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ justify-content: center; }
.varza-footer-copyright /* [OFFSIDE-CSS:9f3f8dcc53] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: block; color: var(--varza-color-muted); font-size: 0.72rem; line-height: 1.5; }
.varza-footer-nav /* [OFFSIDE-CSS:fae38da177] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}
.varza-footer-nav /* [OFFSIDE-CSS:fae38da177] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ min-width: 0; }
.varza-footer-content .varza-footer-menu /* [OFFSIDE-CSS:8825c88f50] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.varza-footer-content .varza-footer-menu li /* [OFFSIDE-CSS:b64ba7de10] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ min-width: 0; margin: 0; padding: 0; }
.varza-footer-menu a /* [OFFSIDE-CSS:2d3e1da19e] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-height: 28px;
    align-items: center;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--varza-color-muted);
    font-size: 0.7rem;
    line-height: 1.35;
    text-decoration: none;
    transition: border-color 160ms ease, color 160ms ease, background-color 160ms ease;
    text-align: right;
}
.varza-footer-menu a:hover,
.varza-footer-menu a:focus-visible /* [OFFSIDE-CSS:9609d856c9] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: color-mix(in srgb, var(--varza-color-accent) 7%, transparent);
    color: var(--varza-color-accent);
}
.varza-footer-menu a:focus-visible /* [OFFSIDE-CSS:d546ca0b13] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ outline: 2px solid var(--varza-color-accent); outline-offset: 2px; }
.varza-footer-column-title /* [OFFSIDE-CSS:63709afc4d] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin: 0 0 8px; color: var(--varza-color-text); font-size: 0.76rem; font-weight: 700; text-align: right; }
.woocommerce .woocommerce-breadcrumb,
.varza-page-breadcrumbs,
.varza-blog-breadcrumbs /* [OFFSIDE-CSS:044f83942b] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px;
    margin: 0 0 24px;
    padding: 8px 14px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    font-size: var(--varza-font-size-sm);
    line-height: 1.8;
}
.varza-page-breadcrumbs,
.varza-blog-breadcrumbs /* [OFFSIDE-CSS:008caaaf0f] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin-top: 16px; }
.varza-page-breadcrumbs ol /* [OFFSIDE-CSS:19f04be190] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; flex-wrap: wrap; gap: 5px 10px; margin: 0; padding: 0; list-style: none; }
.varza-page-breadcrumbs a,
.varza-blog-breadcrumbs a /* [OFFSIDE-CSS:c0ead6cd62] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--varza-color-muted);
    text-decoration: none;
    transition: color 160ms ease;
}
.varza-page-breadcrumbs a::after,
.varza-blog-breadcrumbs a::after /* [OFFSIDE-CSS:aacdaa73d1] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    content: "›";
    font-size: 1.1em;
    font-weight: 800;
    line-height: 1;
}
.varza-page-breadcrumbs a:hover,
.varza-page-breadcrumbs a:focus-visible,
.varza-blog-breadcrumbs a:hover,
.varza-blog-breadcrumbs a:focus-visible /* [OFFSIDE-CSS:79e33ebd50] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ color: var(--varza-color-accent); outline: none; }
.varza-page-breadcrumbs [aria-current="page"],
.varza-blog-breadcrumbs > span:not([aria-hidden="true"]) /* [OFFSIDE-CSS:3ae1349214] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ color: var(--varza-color-text); }
.varza-blog-breadcrumbs > span[aria-hidden="true"] /* [OFFSIDE-CSS:a54ff9c8c9] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ color: var(--varza-color-accent); font-size: 1.1em; font-weight: 800; line-height: 1; }
.varza-blog-breadcrumbs > span[aria-hidden="true"] /* [OFFSIDE-CSS:a54ff9c8c9] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: none; }
.varza-archive-header /* [OFFSIDE-CSS:52029fcb69] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin: 0 0 18px; }
.varza-archive-header h1 /* [OFFSIDE-CSS:7cdf062199] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin: 0 0 8px; }
.varza-footer-licenses /* [OFFSIDE-CSS:43eb6c99ef] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ grid-column: 1 / -1; margin: 4px 0 0; padding: 14px 0 0; border-top: 1px solid var(--varza-color-border); }
.varza-footer-licenses h2 /* [OFFSIDE-CSS:75160b6420] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ font-size: 0.76rem; font-weight: 700 !important; margin: 0 0 10px; text-align: center; }
.varza-license-list /* [OFFSIDE-CSS:4dc5a69ea4] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 12px; --varza-license-size: 104px; }
.varza-license-badge /* [OFFSIDE-CSS:586cfd3caf] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ flex: 0 0 var(--varza-license-size); width: var(--varza-license-size); min-width: 0; max-width: 100%; aspect-ratio: 1 / 1; padding: 5px; border-radius: 8px; background: #fff; }
.varza-footer-socials /* [OFFSIDE-CSS:57da42c7e7] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    width: 100%;
    margin: 2px 0 0;
}
.varza-footer-brand .varza-footer-socials h2 /* [OFFSIDE-CSS:40fd48f760] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ margin: 0 0 7px; font-size: 0.7rem; font-weight: 700; }
.varza-social-list /* [OFFSIDE-CSS:95c6234806] ظاهر شبکه اجتماعی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.varza-social-list a,
.varza-social-list .varza-social-link /* [OFFSIDE-CSS:1e91372554] ظاهر شبکه اجتماعی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 7px; border: 1px solid var(--varza-color-border); border-radius: 50%; background: var(--varza-color-bg); transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease; }
.varza-social-list a:hover,
.varza-social-list a:focus-visible /* [OFFSIDE-CSS:db8c9fe261] ظاهر شبکه اجتماعی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ border-color: var(--varza-color-accent); background: color-mix(in srgb, var(--varza-color-accent) 10%, var(--varza-color-bg)); transform: translateY(-2px); }
.varza-social-list a:focus-visible /* [OFFSIDE-CSS:5e5c032385] ظاهر شبکه اجتماعی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ outline: 2px solid var(--varza-color-accent); outline-offset: 2px; }
.varza-social-list img /* [OFFSIDE-CSS:cf43071cdf] ظاهر شبکه اجتماعی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: block; width: 100%; height: 100%; object-fit: contain; }
.varza-license-visual /* [OFFSIDE-CSS:d5b069d1f3] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.varza-license-visual > :where(a, div, span) /* [OFFSIDE-CSS:a5a95e14b2] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: flex; align-items: center; justify-content: center; max-width: 100%; height: 100%; }
.varza-license-visual img /* [OFFSIDE-CSS:a9a5f6bb6a] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ display: block; height: 100% !important; width: 100% !important; max-width: 100% !important; object-fit: contain; margin: 0 !important; }
.varza-license-visual iframe /* [OFFSIDE-CSS:e182ac83a6] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ width: 100% !important; height: 100% !important; max-width: 100%; border: 0; }
@media (max-width: 1099px) /* [OFFSIDE-CSS:9b23e8bf9d] شرط نمایش @media (max-width: 1099px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-footer-grid.varza-footer-content /* [OFFSIDE-CSS:ddd046e0d6] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
    .varza-license-list /* [OFFSIDE-CSS:b9abe3e9e5] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ --varza-license-size: 104px; gap: 10px; }
}
@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-footer-grid.varza-footer-content /* [OFFSIDE-CSS:9dc10c00d7] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .varza-footer-brand /* [OFFSIDE-CSS:29e622a7cb] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ grid-column: 1 / -1; flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--varza-color-border); text-align: center; }
    .varza-footer-nav /* [OFFSIDE-CSS:4c49ced2ee] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ width: 100%; padding: 12px; }
    .varza-footer-content .varza-footer-menu /* [OFFSIDE-CSS:13301fa804] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ gap: 3px; }
    .varza-footer-menu a /* [OFFSIDE-CSS:81d4abbf02] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ min-height: 27px; justify-content: flex-start; text-align: right; font-size: 0.66rem; }
    .varza-footer-licenses /* [OFFSIDE-CSS:1d368e532b] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ grid-column: 1 / -1; }
    .varza-license-list /* [OFFSIDE-CSS:301f414b93] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ --varza-license-size: 72px; gap: 8px; }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-footer-logo /* [OFFSIDE-CSS:2fba8239d9] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ width: min(var(--varza-logo-mobile-width), 100%); }
    .varza-license-list /* [OFFSIDE-CSS:917b3cb8bc] ظاهر مجوزها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ --varza-license-size: 104px; max-width: 216px; margin-inline: auto; }
    .varza-footer-menu a /* [OFFSIDE-CSS:44c1de8981] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ min-height: 40px; font-size: 0.72rem; }
    .varza-social-list a,
    .varza-social-list .varza-social-link /* [OFFSIDE-CSS:a6805d6a60] ظاهر شبکه اجتماعی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ width: 44px; height: 44px; }
}

.varza-featured-carousel /* [OFFSIDE-CSS:401fb3ba57] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
}

.varza-home ul.products.varza-home-products /* [OFFSIDE-CSS:08fe244129] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --featured-columns: 4;
    --featured-gap: var(--varza-product-grid-gap);
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--featured-gap);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px 0 16px;
    scroll-snap-type: none;
    scroll-behavior: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
}

.varza-home ul.products.varza-home-products::-webkit-scrollbar /* [OFFSIDE-CSS:80eb6eafdf] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-home ul.products.varza-home-products > li.product /* [OFFSIDE-CSS:8a31f05e49] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex: 0 0 calc((100% - (var(--featured-columns) - 1) * var(--featured-gap)) / var(--featured-columns));
    scroll-snap-align: start;
}

.varza-home-products.is-scrollable /* [OFFSIDE-CSS:cb7010f05e] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ cursor: grab; }
.varza-home-products.is-dragging /* [OFFSIDE-CSS:31d4b00489] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    cursor: grabbing;
    user-select: none;
    scroll-snap-type: none !important;
}

@media (max-width: 1099px) /* [OFFSIDE-CSS:9b23e8bf9d] شرط نمایش @media (max-width: 1099px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-home ul.products.varza-home-products /* [OFFSIDE-CSS:0d51cf659d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ --featured-columns: 3; }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-home ul.products.varza-home-products /* [OFFSIDE-CSS:974dc560fc] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        --featured-columns: 2;
    }
}

/* Split-screen authentication experience inspired by Varza's sports campaign pages. */
body:not(.logged-in).woocommerce-account .varza-main article > h1 /* [OFFSIDE-CSS:1545ee96d8] ظاهر مقاله؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

body.woocommerce-account .varza-auth-shell /* [OFFSIDE-CSS:16d2819976] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    direction: ltr;
    width: min(100%, 1120px);
    min-height: 610px;
    margin: 28px auto 56px;
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: 20px;
    background: var(--varza-color-surface);
    box-shadow: 0 24px 70px rgba(var(--varza-color-bg-rgb), 0.38);
}

body.woocommerce-account .varza-auth-visual /* [OFFSIDE-CSS:0543631669] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 610px;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(28px, 4vw, 52px);
    overflow: hidden;
    direction: rtl;
    color: var(--varza-color-text);
    background-color: var(--varza-color-bg);
    background-image:
        linear-gradient(180deg, rgba(8, 10, 10, 0.15) 0%, rgba(8, 10, 10, 0.28) 34%, rgba(8, 10, 10, 0.94) 100%),
        linear-gradient(90deg, rgba(8, 10, 10, 0.06) 0%, rgba(8, 10, 10, 0.5) 100%),
        var(--varza-auth-image, url("assets/images/auth-athlete.webp"));
    background-position: center, center, 28% center;
    background-size: cover;
}

body.woocommerce-account .varza-auth-visual::after /* [OFFSIDE-CSS:f6ca8935f1] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 0;
    right: -95px;
    bottom: 12%;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(var(--varza-color-accent-rgb), 0.26);
    border-radius: 50%;
    box-shadow: 0 0 0 26px rgba(var(--varza-color-accent-rgb), 0.04), 0 0 0 54px rgba(var(--varza-color-accent-rgb), 0.025);
    content: "";
    pointer-events: none;
}

body.woocommerce-account .varza-auth-visual__content,
body.woocommerce-account .varza-auth-visual__footer /* [OFFSIDE-CSS:cc73bd6377] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    z-index: 1;
}

body.woocommerce-account .varza-auth-visual__logo /* [OFFSIDE-CSS:9fd75687aa] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: clamp(76px, 13vw, 170px);
}

body.woocommerce-account .varza-auth-visual__logo .custom-logo-link /* [OFFSIDE-CSS:9030294b34] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    max-width: 176px;
    align-items: center;
}

body.woocommerce-account .varza-auth-visual__logo .varza-auth-logo-link /* [OFFSIDE-CSS:349e2f39b3] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    max-width: 176px;
    align-items: center;
}

body.woocommerce-account .varza-auth-visual__logo .custom-logo,
body.woocommerce-account .varza-auth-visual__logo .varza-auth-logo /* [OFFSIDE-CSS:6d5bd633af] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
}

body.woocommerce-account .varza-auth-visual__logo > a:not(.custom-logo-link) /* [OFFSIDE-CSS:632665670f] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-size: 1.6rem;
    font-weight: 900;
    text-decoration: none;
}

body.woocommerce-account .varza-auth-visual__eyebrow,
body.woocommerce-account .varza-auth-panel__eyebrow /* [OFFSIDE-CSS:78bcdd8102] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 10px;
    color: var(--varza-color-accent);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.woocommerce-account .varza-auth-visual h2 /* [OFFSIDE-CSS:18319585b3] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 430px;
    margin: 0 0 12px;
    color: var(--varza-color-text);
    font-size: clamp(1.8rem, 3.2vw, 2.7rem);
    font-weight: 900;
    line-height: 1.35;
}

body.woocommerce-account .varza-auth-visual__description /* [OFFSIDE-CSS:d24ef28277] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 400px;
    margin: 0;
    color: rgba(var(--varza-color-text-rgb), 0.78);
    font-size: 0.95rem;
    line-height: 2;
}

body.woocommerce-account .varza-auth-benefits /* [OFFSIDE-CSS:5574b5a639] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

body.woocommerce-account .varza-auth-benefits li /* [OFFSIDE-CSS:e675210d3e] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(var(--varza-color-text-rgb), 0.9);
    font-size: 0.84rem;
}

body.woocommerce-account .varza-auth-benefits li span /* [OFFSIDE-CSS:39f2c0d6db] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    place-items: center;
    border: 1px solid rgba(var(--varza-color-accent-rgb), 0.5);
    border-radius: 50%;
    background: rgba(var(--varza-color-accent-rgb), 0.12);
    color: var(--varza-color-accent);
    font-size: 0.78rem;
    font-weight: 900;
}

body.woocommerce-account .varza-auth-visual__footer /* [OFFSIDE-CSS:f612571f10] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 30px;
    color: rgba(var(--varza-color-text-rgb), 0.68);
    font-size: 0.78rem;
}

body.woocommerce-account .varza-auth-visual__footer span /* [OFFSIDE-CSS:cf5c3622fd] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 27px;
    height: 2px;
    border-radius: 2px;
    background: var(--varza-color-accent);
}

body.woocommerce-account .varza-auth-panel /* [OFFSIDE-CSS:5b3fbdaa5b] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 4.6vw, 58px);
    direction: rtl;
}

body.woocommerce-account .varza-auth-panel__intro /* [OFFSIDE-CSS:c047f94a9b] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 24px;
}

body.woocommerce-account .varza-auth-panel__intro p /* [OFFSIDE-CSS:da614ceb9b] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-muted);
    font-size: 0.88rem;
}

body.woocommerce-account #customer_login.varza-auth-forms /* [OFFSIDE-CSS:5b79467075] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block !important;
    width: 100%;
    margin: 0;
}

body.woocommerce-account #customer_login.varza-auth-forms::before,
body.woocommerce-account #customer_login.varza-auth-forms::after /* [OFFSIDE-CSS:fcbf7ca6fd] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
    content: none !important;
}

body.woocommerce-account #customer_login.varza-auth-forms > .varza-auth-form /* [OFFSIDE-CSS:f9a925c531] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none !important;
    width: 100% !important;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}

body.woocommerce-account #customer_login.varza-auth-forms:not(.is-ready) > .varza-auth-form /* [OFFSIDE-CSS:16ba1d9d67] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block !important;
    margin-bottom: 24px;
}

body.woocommerce-account #customer_login.varza-auth-forms.is-ready > .varza-auth-form:not([hidden]) /* [OFFSIDE-CSS:009b154ddb] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block !important;
}

body.woocommerce-account .varza-auth-tabs /* [OFFSIDE-CSS:d4a8728dcc] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 0 0 26px;
    padding: 5px;
    border: 1px solid var(--varza-color-border);
    border-radius: 12px;
    background: var(--varza-color-bg);
}

body.woocommerce-account .varza-auth-tabs a /* [OFFSIDE-CSS:1492551bba] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--varza-color-muted);
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

body.woocommerce-account .varza-auth-tabs a[aria-selected="true"] /* [OFFSIDE-CSS:0168a05e64] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

body.woocommerce-account .varza-auth-tabs a:focus-visible /* [OFFSIDE-CSS:3a6d946207] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    outline: 2px solid var(--varza-color-accent);
    outline-offset: 2px;
}

body.woocommerce-account #customer_login form.woocommerce-form-login,
body.woocommerce-account #customer_login form.woocommerce-form-register /* [OFFSIDE-CSS:f8cc855f7c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
}

body.woocommerce-account #customer_login form.woocommerce-form-login .form-row,
body.woocommerce-account #customer_login form.woocommerce-form-register .form-row /* [OFFSIDE-CSS:8e67eb0120] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 18px;
}

body.woocommerce-account #customer_login .varza-auth-login-actions /* [OFFSIDE-CSS:59606ea024] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin-top: 8px;
    direction: rtl;
}

body.woocommerce-account #customer_login .varza-auth-login-actions .woocommerce-form__label-for-checkbox /* [OFFSIDE-CSS:e41b9c7eb3] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
}

body.woocommerce-account #customer_login .varza-auth-login-actions .woocommerce-button.button /* [OFFSIDE-CSS:ed3c2cd3b1] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 150px;
}

body.woocommerce-account #customer_login .varza-auth-register-actions /* [OFFSIDE-CSS:23ea88a5bd] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 24px;
}

body.woocommerce-account #customer_login .varza-auth-register-actions .woocommerce-button.button /* [OFFSIDE-CSS:7721bbd931] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
}

body.woocommerce-account #customer_login .varza-auth-password-note /* [OFFSIDE-CSS:05f32c0a5f] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 4px 0 18px;
    color: var(--varza-color-muted);
    font-size: 0.82rem;
    line-height: 1.9;
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    body.woocommerce-account .varza-auth-shell /* [OFFSIDE-CSS:c30b95c4ea] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        margin: 18px auto 40px;
    }

    body.woocommerce-account .varza-auth-visual /* [OFFSIDE-CSS:03eb603871] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 330px;
        padding: 26px;
        background-image:
            linear-gradient(180deg, rgba(8, 10, 10, 0.15) 0%, rgba(8, 10, 10, 0.28) 34%, rgba(8, 10, 10, 0.94) 100%),
            linear-gradient(90deg, rgba(8, 10, 10, 0.06) 0%, rgba(8, 10, 10, 0.5) 100%),
            var(--varza-auth-mobile-image, var(--varza-auth-image, url("assets/images/auth-athlete.webp")));
        background-position: center, center, 28% 42%;
    }

    body.woocommerce-account .varza-auth-visual.is-hidden-mobile /* [OFFSIDE-CSS:7e670e3870] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    body.woocommerce-account .varza-auth-visual__logo /* [OFFSIDE-CSS:4fefab2257] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-bottom: 58px;
    }

    body.woocommerce-account .varza-auth-visual h2 /* [OFFSIDE-CSS:1134ce15cc] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        font-size: clamp(1.65rem, 7vw, 2.2rem);
    }

    body.woocommerce-account .varza-auth-visual__description /* [OFFSIDE-CSS:60a7120f6c] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        max-width: 480px;
        font-size: 0.88rem;
    }

    body.woocommerce-account .varza-auth-benefits /* [OFFSIDE-CSS:369d714cd2] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 16px;
    }

    body.woocommerce-account .varza-auth-visual__footer /* [OFFSIDE-CSS:2c7bf8ff3b] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-top: 22px;
    }

    body.woocommerce-account .varza-auth-panel /* [OFFSIDE-CSS:7494aa11b6] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 26px;
    }
}

@media (max-width: 480px) /* [OFFSIDE-CSS:0dcff533c6] شرط نمایش @media (max-width: 480px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    body.woocommerce-account .varza-auth-visual /* [OFFSIDE-CSS:c6fc87ba99] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 300px;
        padding: 22px;
    }

    body.woocommerce-account .varza-auth-visual__logo /* [OFFSIDE-CSS:a3f06ead01] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-bottom: 44px;
    }

    body.woocommerce-account .varza-auth-panel /* [OFFSIDE-CSS:b7b503ef5c] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 22px;
    }

    body.woocommerce-account #customer_login .varza-auth-login-actions /* [OFFSIDE-CSS:f788fb2276] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        align-items: stretch;
    }

    body.woocommerce-account #customer_login .varza-auth-login-actions .woocommerce-button.button /* [OFFSIDE-CSS:5093d7f29c] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-home ul.products.varza-home-products /* [OFFSIDE-CSS:29d96a0760] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ --featured-columns: 1; }
}

.varza-home ul.products /* [OFFSIDE-CSS:c6aa2d5eac] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--varza-product-grid-gap);
    margin: 0;
    margin-inline: 0;
    padding: 0;
    list-style: none;
}

.varza-home ul.products::before,
.varza-home ul.products::after /* [OFFSIDE-CSS:79c0668fd9] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-home ul.products > li.product::marker /* [OFFSIDE-CSS:ce8e156176] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    content: "";
}

.varza-help-panel /* [OFFSIDE-CSS:c7bc41789c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    border-inline-start: 4px solid var(--varza-color-accent);
}

.varza-help-panel p:not(.varza-eyebrow) /* [OFFSIDE-CSS:0cdb2e94db] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 720px;
    margin-bottom: 0;
    color: var(--varza-color-muted);
}

.varza-guide-intro /* [OFFSIDE-CSS:5b0a80e5e9] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-block: 36px 0;
    padding: clamp(28px, 5vw, 64px);
    border: 1px solid var(--varza-color-border);
    border-inline-start: 4px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-card);
    background: linear-gradient(120deg, rgba(var(--varza-color-accent-rgb), 0.09), var(--varza-color-surface) 42%);
    box-shadow: 0 18px 40px rgba(var(--varza-color-bg-rgb), 0.16);
}

.varza-guide-intro h1 /* [OFFSIDE-CSS:9d70bee6b6] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 680px;
    margin: 0 0 16px;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.25;
    text-wrap: balance;
}

.varza-guide-intro > p:not(.varza-eyebrow) /* [OFFSIDE-CSS:d903e1abfd] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 680px;
    margin-bottom: 24px;
    color: var(--varza-color-muted);
    font-size: 1.05rem;
}

.varza-guide-content /* [OFFSIDE-CSS:58a499cc40] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-top: var(--varza-space-section);
}

.varza-guide-steps /* [OFFSIDE-CSS:012cc0de48] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.varza-guide-step /* [OFFSIDE-CSS:6463e9bbf4] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    gap: 14px;
    min-height: 150px;
    padding: 18px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-guide-step > span /* [OFFSIDE-CSS:3e6275c0ec] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: 50%;
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
    font-weight: 800;
}

.varza-guide-step h3 /* [OFFSIDE-CSS:6cec58af94] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 8px;
    font-size: 1rem;
}

.varza-guide-step p /* [OFFSIDE-CSS:590325de07] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-muted);
    font-size: 0.86rem;
}

.varza-guide-type-grid /* [OFFSIDE-CSS:aff994a93d] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.varza-guide-type-grid a /* [OFFSIDE-CSS:7beb1605ce] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-height: 94px;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    text-decoration: none;
    transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.varza-guide-type-grid a:hover /* [OFFSIDE-CSS:ed3e9d0ae0] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
    transform: translateY(-2px);
}

.varza-guide-type-grid span /* [OFFSIDE-CSS:5fcd18ed71] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.84rem;
}

/* WooCommerce pages use Bootstrap's grid, cards, tables and form controls. */
.varza-woocommerce-main /* [OFFSIDE-CSS:c01bcae74b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-block: 40px 72px;
}

.woocommerce .woocommerce-breadcrumb a /* [OFFSIDE-CSS:d53e4fe55b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--varza-color-muted);
    text-decoration: none;
    transition: color 160ms ease;
}

.woocommerce .woocommerce-breadcrumb a::after /* [OFFSIDE-CSS:2dd255f763] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    content: "›";
    font-size: 1.1em;
    font-weight: 800;
    line-height: 1;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:focus-visible /* [OFFSIDE-CSS:fc7d7478d4] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    outline: none;
}

.woocommerce .woocommerce-breadcrumb a:focus-visible /* [OFFSIDE-CSS:1ecc0d5777] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(var(--varza-color-accent-rgb), 0.2);
}

.varza-product-gallery-card,
.varza-product-summary,
.varza-checkout-card,
.varza-order-review /* [OFFSIDE-CSS:6dc63b063a] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    border-color: var(--varza-color-border);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.14);
}

.varza-product-gallery-card /* [OFFSIDE-CSS:7c35242339] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 20px;
}

.varza-single-product .woocommerce-product-gallery /* [OFFSIDE-CSS:d36f501acb] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 1 !important;
    --varza-gallery-main-height: clamp(360px, 38vw, 520px);
}

.varza-single-product > .row /* [OFFSIDE-CSS:0e86229010] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: stretch !important;
    flex-wrap: wrap;
}

.varza-single-product > .row > [class*="col-"] /* [OFFSIDE-CSS:ed6690e41d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-width: 0;
}

.varza-single-product .summary.varza-product-summary /* [OFFSIDE-CSS:81dc317ac1] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 100%;
    margin: 0;
}

@media (min-width: 768px) /* [OFFSIDE-CSS:cd3c5ee03c] شرط نمایش @media (min-width: 768px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-single-product > .row > .col-md-6 /* [OFFSIDE-CSS:8c240614ae] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex: 0 0 auto;
        width: 50%;
    }
}

.varza-single-product .woocommerce-product-gallery__wrapper,
.varza-single-product .woocommerce-product-gallery__image /* [OFFSIDE-CSS:4b90fe8d89] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
}

.varza-single-product .woocommerce-product-gallery__wrapper /* [OFFSIDE-CSS:09ab6c39e8] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex: 1 1 auto;
}

.varza-single-product .woocommerce-product-gallery__wrapper:not(.varza-gallery-ready) > .woocommerce-product-gallery__image:not(:first-child),
.varza-single-product .woocommerce-product-gallery__image.varza-gallery-image-hidden /* [OFFSIDE-CSS:2ee86954bf] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

.varza-single-product .woocommerce-product-gallery__image /* [OFFSIDE-CSS:837fa5bc0c] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex !important;
    height: var(--varza-gallery-main-height) !important;
    align-items: center;
    justify-content: center;
}

.varza-single-product .woocommerce-product-gallery__wrapper.varza-gallery-ready /* [OFFSIDE-CSS:b04c6e3ef7] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    flex: 0 0 var(--varza-gallery-main-height);
    width: 100%;
    height: var(--varza-gallery-main-height);
    min-height: var(--varza-gallery-main-height);
    overflow: hidden;
    border-radius: 8px;
    isolation: isolate;
}

html.varza-image-dialog-open {
    overflow: hidden;
}

dialog.varza-image-dialog {
    position: fixed;
    inset: 0;
    width: fit-content;
    max-width: 94vw;
    max-height: 94vh;
    max-height: 94dvh;
    margin: auto;
    padding: 62px 16px 16px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    overscroll-behavior: contain;
}

dialog.varza-image-dialog::backdrop {
    background: rgba(0, 0, 0, 0.85);
}

.varza-image-dialog-close {
    position: absolute;
    inset-inline-end: 10px;
    top: 10px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

.varza-image-dialog-close:hover,
.varza-image-dialog-close:focus-visible {
    border-color: var(--varza-color-accent);
    color: var(--varza-color-accent);
}

.varza-image-dialog-image {
    display: block;
    width: auto;
    height: auto;
    max-width: min(84vw, 1440px);
    max-height: calc(88vh - 100px);
    max-height: calc(88dvh - 100px);
    margin: auto;
    object-fit: contain;
}

.varza-image-dialog [hidden] {
    display: none;
}

.varza-image-dialog-caption,
.varza-image-dialog-status {
    margin: 10px 0 0;
    text-align: center;
    font-size: 0.85rem;
}

.varza-image-spinner {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 3px solid rgba(var(--varza-color-accent-rgb), 0.22);
    border-top-color: var(--varza-color-accent);
    border-radius: 50%;
    animation: varza-image-spin 0.75s linear infinite;
}

@keyframes varza-image-spin {
    to { transform: rotate(360deg); }
}

.varza-image-dialog-status.is-loading {
    display: grid;
    place-items: center;
    min-width: 96px;
    min-height: 96px;
    margin: 0;
}

.varza-single-product .varza-gallery-status.is-loading {
    display: grid;
    place-items: center;
    inset-inline: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    width: 52px;
    height: 52px;
    padding: 10px;
    transform: translate(-50%, -50%);
}

.varza-gallery-status.is-loading[hidden],
.varza-image-dialog-status.is-loading[hidden] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .varza-image-spinner { animation: none; }
}

.varza-single-product .varza-gallery-status {
    position: absolute;
    inset-inline: 12px;
    bottom: 12px;
    z-index: 3;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    font-size: 0.82rem;
    text-align: center;
    pointer-events: none;
}

.varza-single-product .woocommerce-product-gallery__wrapper.varza-gallery-ready > .woocommerce-product-gallery__image /* [OFFSIDE-CSS:ce0f5520ed] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 300ms ease;
    will-change: opacity;
}

.varza-single-product .woocommerce-product-gallery__wrapper.varza-gallery-ready > .woocommerce-product-gallery__image.varza-gallery-image-hidden /* [OFFSIDE-CSS:95a2a3dadf] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

.varza-single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.varza-gallery-image-leaving /* [OFFSIDE-CSS:9877b2ec65] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    z-index: 1;
    opacity: 0;
}

.varza-single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.varza-gallery-image-entering /* [OFFSIDE-CSS:57e7ba3815] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    z-index: 2;
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) /* [OFFSIDE-CSS:c8abfc651c] شرط نمایش @media (prefers-reduced-motion: reduce)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-single-product .woocommerce-product-gallery__wrapper.varza-gallery-ready > .woocommerce-product-gallery__image /* [OFFSIDE-CSS:f9b51a9472] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        transition: none;
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-guide-grid /* [OFFSIDE-CSS:e0b96042b6] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ gap: var(--varza-guide-gap, 14px); }
    .varza-guide-grid > .varza-guide-card { flex-basis: calc((100% - var(--varza-guide-gap, 14px)) / 2); }
    .varza-guide-card /* [OFFSIDE-CSS:1211bf6677] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ padding: var(--varza-guide-padding, 18px); }
}

@media (max-width: 479px) /* [OFFSIDE-CSS:9b90b80bbc] شرط نمایش @media (max-width: 479px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-guide-grid /* [OFFSIDE-CSS:13ab6a1caf] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ gap: var(--varza-guide-gap, 14px); }
    .varza-guide-grid > .varza-guide-card { flex-basis: 100%; }
}

.varza-single-product .woocommerce-product-gallery__image > a /* [OFFSIDE-CSS:cd08615369] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    width: 100%;
    height: var(--varza-gallery-main-height);
    align-items: center;
    justify-content: center;
}

.varza-single-product .woocommerce-product-gallery img /* [OFFSIDE-CSS:a4c07ad289] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100% !important;
    height: 100%;
    max-width: 100%;
    max-height: none;
    border-radius: 8px;
    object-fit: contain;
    background: var(--varza-color-bg);
}

.varza-single-product .woocommerce-product-gallery .flex-viewport /* [OFFSIDE-CSS:7c4311fe9b] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: var(--varza-gallery-main-height) !important;
    border-radius: 8px;
    overflow: hidden;
    background: var(--varza-color-bg);
}

.varza-single-product .woocommerce-product-gallery .flex-viewport .slides,
.varza-single-product .woocommerce-product-gallery .flex-viewport .slides > li,
.varza-single-product .woocommerce-product-gallery .flex-viewport .slides > li > .woocommerce-product-gallery__image /* [OFFSIDE-CSS:9f3ac0fcd6] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: var(--varza-gallery-main-height) !important;
}

.varza-single-product .woocommerce-product-gallery .flex-viewport .slides > li.flex-active-slide,
.varza-single-product .woocommerce-product-gallery .flex-viewport .slides > li.flex-active-slide > .woocommerce-product-gallery__image /* [OFFSIDE-CSS:ae8bab66f1] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.varza-single-product .woocommerce-product-gallery img /* [OFFSIDE-CSS:a4c07ad289] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    object-position: center center;
}

.varza-single-product .woocommerce-product-gallery .flex-control-thumbs /* [OFFSIDE-CSS:f85fa77f44] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex !important;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    margin: 20px 0 0 !important;
    padding: 4px 0 2px !important;
    overflow-x: auto;
    list-style: none;
}

.varza-single-product .woocommerce-product-gallery .flex-control-thumbs li /* [OFFSIDE-CSS:d5384b14cf] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none !important;
    flex: 0 0 72px;
    width: 72px !important;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.varza-single-product .varza-product-thumbnail-button /* [OFFSIDE-CSS:c0a6fa4685] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.varza-single-product .woocommerce-product-gallery .flex-control-thumbs img /* [OFFSIDE-CSS:ab23ec1290] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 72px;
    height: 72px;
    border: 2px solid transparent;
    border-radius: 6px;
    background: var(--varza-color-bg);
    cursor: pointer;
    opacity: 0.58;
    object-fit: cover;
    transition: border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.varza-single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
.varza-single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active /* [OFFSIDE-CSS:d8aa105c49] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    opacity: 1;
    transform: none;
}

.varza-product-summary .product_title /* [OFFSIDE-CSS:7cd1d7ee9d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 20px;
    font-size: clamp(1.45rem, 3vw, 2.1rem);
    line-height: 1.25;
}

.varza-product-summary .woocommerce-product-rating .star-rating /* [OFFSIDE-CSS:7d3e662c0d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-product-summary .woocommerce-product-rating .star-rating::before /* [OFFSIDE-CSS:df4e1582cc] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
}

.varza-product-summary .woocommerce-product-rating .star-rating span::before /* [OFFSIDE-CSS:7ad2ef1b3d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-product-summary .woocommerce-product-rating .woocommerce-review-link,
.varza-product-summary .woocommerce-product-rating .woocommerce-review-link:hover,
.varza-product-summary .woocommerce-product-rating .woocommerce-review-link:focus-visible /* [OFFSIDE-CSS:154309f926] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    text-decoration: none;
}

.varza-product-summary .price /* [OFFSIDE-CSS:cb7f82f885] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin: 20px 0;
    color: var(--varza-color-accent);
    font-size: 1.15rem;
    font-weight: 700;
}

/* [OFFSIDE-CSS:single-product-price-format] قیمت نهایی بدون زیرخط؛ واحد پول در سمت چپ مبلغ با فاصلهٔ خوانا و خط قیمت قبلی حفظ می‌شود. */
.varza-single-product .varza-product-summary .price ins
{
    text-decoration: none;
    background: transparent;
}

.varza-single-product .varza-product-summary .price .woocommerce-Price-amount > bdi
{
    display: inline-flex;
    direction: ltr;
    flex-direction: row-reverse;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

.varza-single-product .varza-product-summary .price del .woocommerce-Price-amount > bdi
{
    text-decoration: line-through;
}

/* [OFFSIDE-CSS:product-variation-layout] فرم خرید متغیر در صفحهٔ محصول؛ قیمت نهایی از خروجی استاندارد variation ووکامرس می‌آید. */
.varza-single-product.product-type-variable .varza-product-summary > .card-body > .price
{
    display: none !important;
}

.varza-single-product .varza-product-summary table.variations
{
    width: 100%;
    margin: 0 0 10px;
    border: 0;
    border-collapse: collapse;
}

.varza-single-product .varza-product-summary table.variations tbody
{
    display: block;
}

.varza-single-product .varza-product-summary table.variations tr
{
    display: grid;
    grid-template-columns: minmax(92px, 0.34fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 5px 0;
}

.varza-single-product .varza-product-summary table.variations th.label,
.varza-single-product .varza-product-summary table.variations td.value
{
    display: block;
    min-width: 0;
    padding: 0;
    text-align: right;
    vertical-align: middle;
}

.varza-single-product .varza-product-summary table.variations th.label label
{
    display: block;
    margin: 0;
    line-height: 1.5;
}

.varza-single-product .varza-product-summary table.variations td.value select
{
    display: block;
    width: 100%;
    min-height: 48px;
    margin: 0;
}

.varza-single-product .varza-product-summary .reset_variations
{
    display: none !important;
}

.varza-single-product .varza-product-summary .single_variation_wrap
{
    margin-top: 8px;
}

.varza-single-product .varza-variation-price-fallback {
    margin-bottom: 16px;
}
.varza-single-product .varza-variation-price-fallback[hidden] {
    display: none;
}
.varza-single-product .varza-variation-price-hint {
    color: var(--varza-color-muted);
    font-size: 0.88rem;
}

.varza-single-product .varza-product-gallery-card span.onsale
{
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;
    left: auto;
    display: inline-flex;
    width: auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 12px;
    border: 0;
    border-radius: 4px;
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.varza-product-summary .woocommerce-product-details__short-description /* [OFFSIDE-CSS:199785a25b] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
}

.varza-summary-overview /* [OFFSIDE-CSS:40b5ff3523] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--varza-color-border);
}

.varza-summary-section-heading /* [OFFSIDE-CSS:41c9307409] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 12px;
}

.varza-summary-section-heading .varza-eyebrow /* [OFFSIDE-CSS:59623047fe] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 4px;
}

.varza-summary-section-heading h2 /* [OFFSIDE-CSS:5e5fceec5a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-text);
    font-size: 1.05rem;
}

.varza-summary-description /* [OFFSIDE-CSS:ac0178ce8d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 16px;
    color: var(--varza-color-muted);
    font-size: 0.86rem;
    line-height: 1.9;
}

.varza-summary-facts /* [OFFSIDE-CSS:faaab7caed] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.varza-summary-fact /* [OFFSIDE-CSS:9554367b90] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding: 10px 12px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.varza-summary-fact span /* [OFFSIDE-CSS:29fde9747a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.72rem;
}

.varza-summary-fact strong /* [OFFSIDE-CSS:0173911fe8] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: hidden;
    color: var(--varza-color-text);
    font-size: 0.82rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.varza-summary-next-step /* [OFFSIDE-CSS:25f9b06606] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 16px 0 0;
    padding: 10px 12px;
    border-right: 2px solid var(--varza-color-accent);
    color: var(--varza-color-muted);
    font-size: 0.78rem;
    line-height: 1.8;
}

.woocommerce .quantity .qty,
.woocommerce form .form-control,
.woocommerce form .form-select /* [OFFSIDE-CSS:9dcbfefc1d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    border-color: var(--varza-color-border);
    background-color: var(--varza-color-surface);
    color: var(--varza-color-text);
}

.woocommerce .quantity .qty /* [OFFSIDE-CSS:5b5fe56cf6] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 84px;
}

.woocommerce .single_add_to_cart_button,
.woocommerce-cart-form .button,
.woocommerce-cart .woocommerce-shipping-calculator button.button,
.woocommerce-checkout-payment .button,
.woocommerce #place_order /* [OFFSIDE-CSS:c697f0f50e] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    border: 1px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
    font-weight: 700;
}

.woocommerce-cart .woocommerce-shipping-calculator button.button /* [OFFSIDE-CSS:bb91f6da53] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 44px;
    padding: 7px 16px;
    border-radius: var(--varza-radius-control);
    color: var(--varza-color-accent-text);
    font-weight: 700;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-cart .woocommerce-shipping-calculator .varza-shipping-calculator-submit /* [OFFSIDE-CSS:0ce4fa1c53] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 16px;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button::after /* [OFFSIDE-CSS:b59bbad2e8] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button:hover,
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button:focus-visible /* [OFFSIDE-CSS:7e9fa3f205] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    text-decoration: none;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .form-row,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .form-row-wide,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator input.input-text,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator select,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .select2-container /* [OFFSIDE-CSS:38477be373] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 992px) /* [OFFSIDE-CSS:9e9a4b4886] شرط نمایش @media (min-width: 992px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator /* [OFFSIDE-CSS:910e95a7b5] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 160% !important;
        max-width: none;
        margin-right: -60%;
    }
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator /* [OFFSIDE-CSS:b32486937a] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100% !important;
        margin-right: 0;
    }
}

.woocommerce-cart .woocommerce-shipping-calculator button.button:hover,
.woocommerce-cart .woocommerce-shipping-calculator button.button:focus-visible /* [OFFSIDE-CSS:91e1f09747] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
}

.woocommerce-cart .woocommerce-shipping-calculator select.state_select /* [OFFSIDE-CSS:cbd2354146] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color-scheme: dark;
}

body.woocommerce-checkout .woocommerce-address-fields select.state_select,
body.woocommerce-account .woocommerce-address-fields select.state_select /* [OFFSIDE-CSS:0f85f81b61] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color-scheme: dark;
}

.woocommerce-cart .woocommerce-shipping-calculator select.state_select option,
body.woocommerce-checkout .woocommerce-address-fields select.state_select option,
body.woocommerce-account .woocommerce-address-fields select.state_select option /* [OFFSIDE-CSS:8dc2210828] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background-color: var(--varza-color-surface);
    color: var(--varza-color-text);
}

.woocommerce-cart .woocommerce-shipping-calculator select.state_select option:checked,
body.woocommerce-checkout .woocommerce-address-fields select.state_select option:checked,
body.woocommerce-account .woocommerce-address-fields select.state_select option:checked /* [OFFSIDE-CSS:a5920b4194] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background-color: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

.woocommerce-cart .woocommerce-shipping-calculator .select2-container .select2-selection--single /* [OFFSIDE-CSS:1b7e4d3454] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 48px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

.woocommerce-cart .woocommerce-shipping-calculator .select2-selection--single .select2-selection__rendered /* [OFFSIDE-CSS:f61b2a3e4d] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 11px 13px;
    color: var(--varza-color-text);
    line-height: 24px;
}

.woocommerce-cart .woocommerce-shipping-calculator .select2-selection--single .select2-selection__arrow /* [OFFSIDE-CSS:54934527be] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: 46px;
}

body.woocommerce-cart .select2-dropdown /* [OFFSIDE-CSS:cb72593a29] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: hidden;
    border-color: var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

body.woocommerce-cart .select2-search--dropdown .select2-search__field,
body.woocommerce-checkout .select2-search--dropdown .select2-search__field,
body.woocommerce-account .select2-search--dropdown .select2-search__field /* [OFFSIDE-CSS:b3803e0fec] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
}

body.woocommerce-cart .select2-results__option /* [OFFSIDE-CSS:ee52e5b34f] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 10px 13px;
    color: var(--varza-color-text);
}

body.woocommerce-cart .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-cart .select2-container--default .select2-results__option[aria-selected="true"],
body.woocommerce-cart .select2-container--default .select2-results__option[data-selected="true"] /* [OFFSIDE-CSS:e30a862b68] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

body.woocommerce-cart .select2-container--default .select2-results__options,
body.woocommerce-checkout .select2-container--default .select2-results__options,
body.woocommerce-account .select2-container--default .select2-results__options /* [OFFSIDE-CSS:aa720f8bf8] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    scrollbar-color: var(--varza-color-border) var(--varza-color-surface);
    scrollbar-width: thin;
}

body.woocommerce-cart .select2-container--default .select2-results__options::-webkit-scrollbar,
body.woocommerce-checkout .select2-container--default .select2-results__options::-webkit-scrollbar,
body.woocommerce-account .select2-container--default .select2-results__options::-webkit-scrollbar /* [OFFSIDE-CSS:d614045f96] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 8px;
}

body.woocommerce-cart .select2-container--default .select2-results__options::-webkit-scrollbar-track,
body.woocommerce-checkout .select2-container--default .select2-results__options::-webkit-scrollbar-track,
body.woocommerce-account .select2-container--default .select2-results__options::-webkit-scrollbar-track /* [OFFSIDE-CSS:cd164d07ea] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-radius: 8px;
    background: var(--varza-color-surface);
}

body.woocommerce-cart .select2-container--default .select2-results__options::-webkit-scrollbar-thumb,
body.woocommerce-checkout .select2-container--default .select2-results__options::-webkit-scrollbar-thumb,
body.woocommerce-account .select2-container--default .select2-results__options::-webkit-scrollbar-thumb /* [OFFSIDE-CSS:1ec6466435] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 2px solid var(--varza-color-surface);
    border-radius: 8px;
    background: var(--varza-color-border);
}

.varza-product-summary .single_add_to_cart_button,
.varza-product-summary form.cart .button /* [OFFSIDE-CSS:d4f67488a4] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 1px solid var(--varza-color-accent) !important;
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    box-shadow: none;
}

.varza-product-summary form.cart:not(.variations_form) /* [OFFSIDE-CSS:eed8cfb80b] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.varza-product-summary form.cart .quantity /* [OFFSIDE-CSS:67cedd508f] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    margin: 0 !important;
}

.varza-product-summary form.cart .single_add_to_cart_button /* [OFFSIDE-CSS:eaf7c36b28] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    margin: 0 !important;
}

.varza-product-summary form.cart .quantity .qty /* [OFFSIDE-CSS:477a85ef31] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 84px;
    width: 84px;
    border-color: var(--varza-color-border);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
    text-align: center;
}

.varza-product-summary form.cart .varza-quantity-control /* [OFFSIDE-CSS:64aa83962d] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 104px;
    min-height: 42px;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    direction: ltr;
}

.varza-product-summary form.cart .varza-quantity-control .qty /* [OFFSIDE-CSS:e810fb3968] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    min-height: 34px;
    padding: 0 4px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--varza-color-text);
    appearance: textfield;
    -moz-appearance: textfield;
}

.varza-product-summary form.cart .varza-quantity-control .qty::-webkit-inner-spin-button,
.varza-product-summary form.cart .varza-quantity-control .qty::-webkit-outer-spin-button /* [OFFSIDE-CSS:63b7afd4d1] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    appearance: none;
}

.varza-product-summary form.cart .varza-quantity-button /* [OFFSIDE-CSS:7c4e35dc8d] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 24px;
    height: 30px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: 7px;
    background: var(--varza-color-surface);
    color: var(--varza-color-accent);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.varza-product-summary form.cart .varza-quantity-button:hover,
.varza-product-summary form.cart .varza-quantity-button:focus-visible /* [OFFSIDE-CSS:642fa62b4a] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: rgba(var(--varza-color-accent-rgb), 0.12);
    color: var(--varza-color-accent);
    outline: none;
}

.varza-product-summary .product_meta /* [OFFSIDE-CSS:c9ccd37e9c] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 24px;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid var(--varza-color-border);
    color: var(--varza-color-muted);
}

.varza-product-type-panel /* [OFFSIDE-CSS:cd34f36f55] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 28px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.14);
}

.varza-product-type-heading,
.varza-kit-printing-heading /* [OFFSIDE-CSS:0cad5d09e3] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.varza-product-type-heading h2 /* [OFFSIDE-CSS:533ebfd823] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    font-size: 1.1rem;
}

.varza-product-type-heading .varza-eyebrow /* [OFFSIDE-CSS:40eb16b5c1] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 4px;
    color: var(--varza-color-accent);
    font-size: 0.72rem;
}

.varza-product-shipping-badge /* [OFFSIDE-CSS:713750865b] ظاهر نشانی و ارسال؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--varza-color-accent) 45%, var(--varza-color-border));
    border-radius: var(--varza-radius-control);
    color: var(--varza-color-accent);
    font-size: 0.76rem;
    white-space: nowrap;
}

.varza-product-detail-grid /* [OFFSIDE-CSS:7ad642be7b] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.varza-product-detail-item /* [OFFSIDE-CSS:72c1fbce9d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.varza-product-detail-item span /* [OFFSIDE-CSS:92f4402403] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.78rem;
}

.varza-product-detail-item strong /* [OFFSIDE-CSS:2b1717beae] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-size: 0.82rem;
    text-align: left;
}

.varza-product-guide /* [OFFSIDE-CSS:915013c775] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 16px;
    border-top: 1px solid var(--varza-color-border);
    padding-top: 16px;
}

.varza-product-guide summary /* [OFFSIDE-CSS:06ef15bf15] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    cursor: pointer;
    font-weight: 700;
}

.varza-product-guide div /* [OFFSIDE-CSS:8971099122] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 12px;
    color: var(--varza-color-muted);
    font-size: 0.86rem;
    line-height: 1.9;
}

.varza-product-notes-grid /* [OFFSIDE-CSS:66007ad9e4] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--varza-color-border);
}

.varza-product-notes-grid > div /* [OFFSIDE-CSS:6c170c7b86] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 12px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.varza-product-notes-grid span,
.varza-kit-printing-heading span /* [OFFSIDE-CSS:70cb6f146a] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    color: var(--varza-color-muted);
    font-size: 0.76rem;
}

.varza-product-notes-grid p /* [OFFSIDE-CSS:ce4e877196] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 8px 0 0;
    color: var(--varza-color-text);
    font-size: 0.82rem;
    line-height: 1.8;
}

.varza-kit-printing /* [OFFSIDE-CSS:f0a51f5c37] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--varza-color-border);
}

.varza-kit-printing-heading strong /* [OFFSIDE-CSS:1419568705] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin-bottom: 4px;
    color: var(--varza-color-text);
    font-size: 0.92rem;
}

.varza-kit-printing-heading small /* [OFFSIDE-CSS:fedce01679] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-size: 0.76rem;
    white-space: nowrap;
}

.varza-printing-toggle /* [OFFSIDE-CSS:4cecee719e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    color: var(--varza-color-text);
    cursor: pointer;
    font-size: 0.84rem;
}

.varza-printing-toggle input /* [OFFSIDE-CSS:b1a9f46c1b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    accent-color: var(--varza-color-accent);
}

.varza-printing-fields /* [OFFSIDE-CSS:7671cc6646] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.varza-printing-fields label /* [OFFSIDE-CSS:301bf61927] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 6px;
    color: var(--varza-color-muted);
    font-size: 0.76rem;
}

.varza-printing-fields input /* [OFFSIDE-CSS:abf94a24b9] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 38px;
    border-color: var(--varza-color-border);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
}

.varza-product-details .woocommerce-tabs ul.tabs /* [OFFSIDE-CSS:39c3c06052] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    list-style: none;
}

.varza-product-details .woocommerce-tabs ul.tabs::before /* [OFFSIDE-CSS:f75c32b922] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-product-details .woocommerce-tabs ul.tabs li /* [OFFSIDE-CSS:0147e5907b] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.varza-product-details .woocommerce-tabs ul.tabs li::before,
.varza-product-details .woocommerce-tabs ul.tabs li::after /* [OFFSIDE-CSS:cd21ad8cb3] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-product-details .woocommerce-tabs ul.tabs li a /* [OFFSIDE-CSS:3fa76f3bbd] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    padding: 8px 12px;
    border-radius: var(--varza-radius-control);
    border: 1px solid var(--varza-color-border);
    color: var(--varza-color-text);
    text-decoration: none;
}

.varza-product-details .woocommerce-tabs .panel /* [OFFSIDE-CSS:122f9537f2] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 28px;
    border: 1px solid var(--varza-color-border);
    background: var(--varza-color-surface);
}

.varza-product-details #reviews /* [OFFSIDE-CSS:5e99b7e005] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
}

.varza-product-details #reviews .woocommerce-Reviews-title,
.varza-product-details #review_form_wrapper .comment-reply-title /* [OFFSIDE-CSS:f244b505a6] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 18px;
    color: var(--varza-color-text);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.varza-product-details #reviews .woocommerce-noreviews /* [OFFSIDE-CSS:a327b1f30a] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 14px 16px;
    border-right: 2px solid var(--varza-color-accent);
    background: var(--varza-color-bg);
    color: var(--varza-color-muted);
}

.varza-product-details #reviews ol.commentlist /* [OFFSIDE-CSS:919e81aa00] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.varza-product-details #reviews ol.commentlist li.review /* [OFFSIDE-CSS:e8f2e1d969] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 18px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.varza-product-details #reviews ol.commentlist li.review::before,
.varza-product-details #reviews ol.commentlist li.review::after /* [OFFSIDE-CSS:f62e8e4d18] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-product-details #reviews ol.commentlist .comment_container /* [OFFSIDE-CSS:d592267bf3] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
}

.varza-product-details #reviews ol.commentlist .comment-text /* [OFFSIDE-CSS:201b8fd469] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.varza-product-details #reviews ol.commentlist img.avatar /* [OFFSIDE-CSS:b356b66043] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
}

.varza-product-details #reviews ol.commentlist .meta /* [OFFSIDE-CSS:d1a8d65442] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 8px;
    color: var(--varza-color-muted);
    font-size: 0.8rem;
}

.varza-product-details #reviews ol.commentlist .meta strong /* [OFFSIDE-CSS:0c42e440c0] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-weight: 700;
}

.varza-product-details #reviews ol.commentlist .star-rating /* [OFFSIDE-CSS:745b4738ec] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 5.4em;
    margin: 0 0 10px;
    color: var(--varza-color-accent);
}

.varza-product-details #reviews ol.commentlist .description,
.varza-product-details #reviews ol.commentlist .description p /* [OFFSIDE-CSS:af1feaacbd] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-text);
    font-size: 0.9rem;
    line-height: 1.9;
}

.varza-product-details #review_form_wrapper /* [OFFSIDE-CSS:9e5a97672f] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--varza-color-border);
}

.varza-product-details #review_form_wrapper .comment-notes,
.varza-product-details #review_form_wrapper .logged-in-as /* [OFFSIDE-CSS:6375b8f142] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.82rem;
}

.varza-product-details #review_form_wrapper .comment-form /* [OFFSIDE-CSS:d24737befe] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 14px;
}

.varza-product-details #review_form_wrapper .comment-form-rating,
.varza-product-details #review_form_wrapper .comment-form-comment,
.varza-product-details #review_form_wrapper .comment-form-author,
.varza-product-details #review_form_wrapper .comment-form-email,
.varza-product-details #review_form_wrapper .comment-form-cookies-consent /* [OFFSIDE-CSS:b2dcbd318f] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
}

.varza-product-details #review_form_wrapper label /* [OFFSIDE-CSS:9bfca3e77e] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin-bottom: 7px;
    color: var(--varza-color-text);
    font-size: 0.84rem;
}

.varza-product-details #review_form_wrapper input:not([type="checkbox"]),
.varza-product-details #review_form_wrapper textarea /* [OFFSIDE-CSS:99bc0973b8] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
}

.varza-product-details #review_form_wrapper input:not([type="checkbox"]) /* [OFFSIDE-CSS:ff916996c7] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 42px;
    padding: 8px 12px;
}

.varza-product-details #review_form_wrapper textarea /* [OFFSIDE-CSS:c3896c3e20] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 130px;
    padding: 12px;
    resize: vertical;
}

.varza-product-details #review_form_wrapper input:focus,
.varza-product-details #review_form_wrapper textarea:focus /* [OFFSIDE-CSS:88aca8f821] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    outline: 2px solid rgba(var(--varza-color-accent-rgb), 0.18);
}

.varza-product-details #review_form_wrapper p.stars /* [OFFSIDE-CSS:33628dfe64] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    direction: rtl;
}

.varza-product-details #review_form_wrapper select#rating.varza-rating-select-hidden /* [OFFSIDE-CSS:c65eaf8752] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

.varza-product-details #review_form_wrapper p.stars > span /* [OFFSIDE-CSS:f38941788b] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    direction: rtl;
}

.varza-product-details #review_form_wrapper p.stars a /* [OFFSIDE-CSS:47b2f3cd84] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0;
    padding: 0;
    color: var(--varza-color-accent);
    font-size: 1.7rem;
    line-height: 1;
    text-indent: -999em;
    text-decoration: none;
}

.varza-product-details #review_form_wrapper p.stars a::before /* [OFFSIDE-CSS:692be5f7ef] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset: 0;
    display: block;
    width: 1em;
    height: 1em;
    color: currentColor;
    content: "\e021" !important;
    font-family: WooCommerce;
    line-height: 1;
    text-indent: 0;
}

.varza-product-details #review_form_wrapper p.stars a.varza-rating-lit::before /* [OFFSIDE-CSS:a01e554231] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    content: "\e020" !important;
}

.varza-product-details #review_form_wrapper .form-submit /* [OFFSIDE-CSS:5531571c47] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
}

.varza-product-details #review_form_wrapper #respond input#submit /* [OFFSIDE-CSS:7080ea8d24] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: auto;
    min-width: 0;
    max-width: max-content;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border: 1px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.varza-product-details #review_form_wrapper #respond input#submit:hover,
.varza-product-details #review_form_wrapper #respond input#submit:focus-visible /* [OFFSIDE-CSS:a042fe644d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
}

.varza-product-details #review_form_wrapper #respond input#submit:active /* [OFFSIDE-CSS:370f1e5651] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
    transform: translateY(1px);
}

.varza-product-details > .related.products /* [OFFSIDE-CSS:0b89ae6b69] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: var(--varza-space-section);
}

.woocommerce .shop_table /* [OFFSIDE-CSS:ac6fd73ec8] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --bs-table-bg: var(--varza-color-surface);
    --bs-table-color: var(--varza-color-text);
    --bs-table-border-color: var(--varza-color-border);
    --bs-table-hover-color: var(--varza-color-text);
    --bs-table-hover-bg: var(--varza-color-surface);
    border-color: var(--varza-color-border);
}

.woocommerce-cart .woocommerce-Price-currencySymbol /* [OFFSIDE-CSS:477cdc9520] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline-start: 8px;
    white-space: nowrap;
}

.woocommerce-cart-form,
.woocommerce .cart-collaterals,
.woocommerce-checkout /* [OFFSIDE-CSS:7f98120743] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 24px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce .woocommerce-checkout-review-order-table,
.woocommerce .woocommerce-checkout-payment /* [OFFSIDE-CSS:8c6564f12c] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 100%;
    padding: 24px;
    border-radius: var(--varza-radius-card);
    border: 1px solid var(--varza-color-border);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.12);
}

.woocommerce-cart .woocommerce-cart-form /* [OFFSIDE-CSS:a39d4208ee] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: right;
    width: calc(70% - 16px);
    padding: 20px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.12);
}

.woocommerce-cart .blockUI.blockOverlay,
.woocommerce-checkout .blockUI.blockOverlay /* [OFFSIDE-CSS:21aea6b092] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-radius: var(--varza-radius-card);
    background: rgba(var(--varza-color-bg-rgb), 0.68) !important;
    opacity: 1 !important;
}

.woocommerce-cart .blockUI.blockOverlay::before,
.woocommerce-checkout .blockUI.blockOverlay::before /* [OFFSIDE-CSS:6061968f7c] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    border: 2px solid rgba(var(--varza-color-accent-rgb), 0.28);
    border-top-color: var(--varza-color-accent);
    border-radius: 50%;
    background: none !important;
    color: transparent;
}

.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart-collaterals .cart_totals /* [OFFSIDE-CSS:99fa88e628] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: left;
    width: calc(30% - 16px);
}

.woocommerce-cart .cart-collaterals .cart_totals /* [OFFSIDE-CSS:f81324675a] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 100%;
    text-align: right;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table /* [OFFSIDE-CSS:25ae990f23] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: transparent;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-hover-bg: var(--varza-color-surface);
}

.woocommerce-cart .woocommerce-cart-form table.shop_table thead th /* [OFFSIDE-CSS:f0e9e9179f] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 0 12px 16px;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-muted);
    font-size: 0.8rem;
    font-weight: 700;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.woocommerce-cart-form__cart-item td /* [OFFSIDE-CSS:a7d9fa86e5] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 18px 12px;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
    vertical-align: middle;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.woocommerce-cart-form__cart-item:last-child td /* [OFFSIDE-CSS:4634e68a27] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom: 0;
}

.woocommerce-cart .woocommerce-cart-form .product-thumbnail /* [OFFSIDE-CSS:c847a81338] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 10%;
}

.woocommerce-cart .woocommerce-cart-form .product-thumbnail img /* [OFFSIDE-CSS:533cf4ac4f] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    object-fit: contain;
}

.woocommerce-cart .woocommerce-cart-form .product-name a /* [OFFSIDE-CSS:0fc90fd784] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-cart .woocommerce-cart-form .product-name a:hover,
.woocommerce-cart .woocommerce-cart-form .product-name a:focus-visible /* [OFFSIDE-CSS:2864640f90] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.woocommerce-cart .woocommerce-cart-form .product-price,
.woocommerce-cart .woocommerce-cart-form .product-subtotal /* [OFFSIDE-CSS:21e9f79fbe] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 16%;
    color: var(--varza-color-accent) !important;
    font-weight: 700;
    white-space: nowrap;
}

.woocommerce-cart .woocommerce-cart-form .product-remove /* [OFFSIDE-CSS:8c57b1aadf] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 6%;
}

.woocommerce-cart .woocommerce-cart-form .product-name /* [OFFSIDE-CSS:0507c2d713] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 34%;
}

.woocommerce-cart .woocommerce-cart-form .product-quantity /* [OFFSIDE-CSS:c92e3d3215] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 18%;
}

.woocommerce-cart .woocommerce-cart-form .product-remove .remove /* [OFFSIDE-CSS:5546683946] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--varza-color-border);
    border-radius: 50%;
    color: var(--varza-color-muted) !important;
    font-size: 1.2rem;
    line-height: 1;
    text-decoration: none;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.woocommerce-cart .woocommerce-cart-form .product-remove .remove:hover,
.woocommerce-cart .woocommerce-cart-form .product-remove .remove:focus-visible /* [OFFSIDE-CSS:ef5443a811] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-danger);
    background: rgba(var(--varza-color-danger-rgb), 0.1);
    color: var(--varza-color-danger) !important;
}

.woocommerce-cart .woocommerce-cart-form .quantity /* [OFFSIDE-CSS:348535df84] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 104px;
    min-height: 42px;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    direction: ltr;
}

.woocommerce-cart .woocommerce-cart-form .quantity .qty /* [OFFSIDE-CSS:37c4e02a9b] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    min-height: 34px;
    padding: 0 4px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--varza-color-text);
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}

.woocommerce-cart .woocommerce-cart-form .quantity .qty::-webkit-inner-spin-button,
.woocommerce-cart .woocommerce-cart-form .quantity .qty::-webkit-outer-spin-button /* [OFFSIDE-CSS:33e6fcda84] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    appearance: none;
}

.woocommerce-cart .woocommerce-cart-form .varza-quantity-button /* [OFFSIDE-CSS:7e081e077c] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 24px;
    height: 30px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: 7px;
    background: var(--varza-color-surface);
    color: var(--varza-color-accent);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.woocommerce-cart .woocommerce-cart-form .varza-quantity-button:hover,
.woocommerce-cart .woocommerce-cart-form .varza-quantity-button:focus-visible /* [OFFSIDE-CSS:2473555298] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: rgba(var(--varza-color-accent-rgb), 0.12);
    color: var(--varza-color-accent);
    outline: none;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr > td.actions /* [OFFSIDE-CSS:ab310a2112] colspan دسکتاپ با table-cell حفظ می‌شود؛ تبدیل td به flex عرض ردیف کوپن را می‌شکند. */
{
    display: table-cell;
    padding: 20px 12px 0;
    border: 0;
    background: transparent;
}

.woocommerce-cart .woocommerce-cart-form .coupon /* [OFFSIDE-CSS:ef3caf4dac] کنترل‌های کوپن می‌شکنند؛ خطای ووکامرس ردیف مستقل دارد تا در فضای باریک فشرده نشود. */
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    width: 360px;
    max-width: 100%;
}

.woocommerce-cart .woocommerce-cart-form .coupon::before,
.woocommerce-cart .woocommerce-cart-form .coupon::after /* [OFFSIDE-CSS:coupon-flex-clear] clearfix مربوط به float ووکامرس نباید آیتم اضافی داخل flex بسازد. */
{
    display: none;
}

.woocommerce-cart .woocommerce-cart-form .coupon #coupon-error-notice /* [OFFSIDE-CSS:coupon-error-readable] اعلان کوپن یک ردیف کامل و قابل خواندن در تمام عرض‌ها دارد. */
{
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    margin: 0;
    text-align: start;
    overflow-wrap: anywhere;
}

.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .input-text /* [OFFSIDE-CSS:97aea0fd01] فیلد کوپن فضای باقی‌مانده را می‌گیرد؛ عرض قدیمی ووکامرس بر آن غلبه نمی‌کند. */
{
    flex: 1 1 120px;
    width: 120px;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    border: 1px solid var(--varza-color-border);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
}

.woocommerce-cart .woocommerce-cart-form .coupon button,
.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] /* [OFFSIDE-CSS:ec8b3b1c46] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    height: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: var(--varza-radius-control);
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-cart .woocommerce-cart-form .coupon button /* [OFFSIDE-CSS:4177f4134b] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex: 0 0 auto;
    border: 1px solid var(--varza-color-accent);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] /* [OFFSIDE-CSS:1af22480df] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
}

.woocommerce-cart .woocommerce-cart-form .coupon button:hover,
.woocommerce-cart .woocommerce-cart-form .coupon button:focus-visible /* [OFFSIDE-CSS:b93bffc15d] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
}

.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:focus-visible /* [OFFSIDE-CSS:8b175766be] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

.woocommerce-cart .woocommerce::after /* [OFFSIDE-CSS:ce92837708] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    content: "";
    display: table;
    clear: both;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 /* [OFFSIDE-CSS:af51ff9bca] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 18px;
    color: var(--varza-color-text);
    font-size: 1.2rem;
}

.woocommerce-cart .cart-collaterals .cart_totals table /* [OFFSIDE-CSS:553da0f496] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    border: 0;
    background: transparent;
}

.woocommerce-cart .cart-collaterals .cart_totals th,
.woocommerce-cart .cart-collaterals .cart_totals td /* [OFFSIDE-CSS:3d51840e05] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
}

.woocommerce-cart .cart-collaterals .cart_totals th /* [OFFSIDE-CSS:4735c22ef7] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-weight: 600;
}

.woocommerce-cart .cart-collaterals .cart_totals td /* [OFFSIDE-CSS:3fffb6e35c] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator label,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator p /* [OFFSIDE-CSS:6168a15818] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator input,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator select,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .select2-selection__rendered,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .select2-search__field /* [OFFSIDE-CSS:5af5a51344] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    direction: rtl;
    text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals .order-total td /* [OFFSIDE-CSS:2f75ea1dbc] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-top: 18px;
    border-bottom: 0;
    color: var(--varza-color-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total .amount /* [OFFSIDE-CSS:da68c3fcf4] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout /* [OFFSIDE-CSS:e530bef9c4] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 20px 0 0;
    padding: 0;
}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button.button.alt /* [OFFSIDE-CSS:80cff4132a] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 9px 16px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button.button.alt:hover,
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button.button.alt:focus-visible /* [OFFSIDE-CSS:16094c2b4f] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover) !important;
    background: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
    filter: none;
}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button.button.alt:active /* [OFFSIDE-CSS:fa9ef30d60] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(1px);
}

/* WooCommerce Cart Block: keep the block-based cart aligned with the Varza UI. */
.woocommerce-cart .wp-block-woocommerce-cart /* [OFFSIDE-CSS:6f5433cccf] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    max-width: none;
    margin: 24px 0 0;
    color: var(--varza-color-text);
    direction: rtl;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart /* [OFFSIDE-CSS:3fd6ef2ae4] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(360px, 0.85fr);
    gap: 24px;
    align-items: start;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__main,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__sidebar,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-main,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar /* [OFFSIDE-CSS:bf660f092c] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    width: auto !important;
    padding: 20px !important;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.12);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items /* [OFFSIDE-CSS:89c8b0e431] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    color: var(--varza-color-text);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header th /* [OFFSIDE-CSS:bf146444a8] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 0 12px 16px;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-muted);
    font-size: 0.8rem;
    font-weight: 700;
    text-align: right;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header-image /* [OFFSIDE-CSS:d24cfcb6db] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 96px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td /* [OFFSIDE-CSS:6f747556aa] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 18px 12px;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
    vertical-align: middle;
    text-align: right;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row:last-child td /* [OFFSIDE-CSS:753d90b930] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom: 0;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image /* [OFFSIDE-CSS:a37f29af38] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 96px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image img /* [OFFSIDE-CSS:d60c1a54a7] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    object-fit: contain;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__wrap /* [OFFSIDE-CSS:12aff978af] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__product a /* [OFFSIDE-CSS:a83519300e] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-name:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-name:focus-visible,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__product a:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__product a:focus-visible /* [OFFSIDE-CSS:b1799f73c5] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__prices,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-price /* [OFFSIDE-CSS:8a31ac6466] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 700;
    white-space: nowrap;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__quantity /* [OFFSIDE-CSS:9b1f5819d4] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 4px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector /* [OFFSIDE-CSS:3f89179a5f] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 104px;
    min-height: 42px;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    direction: ltr;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector__input /* [OFFSIDE-CSS:76e380012c] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    min-height: 34px;
    padding: 0 4px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--varza-color-text);
    text-align: center;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector__button /* [OFFSIDE-CSS:58f13c553e] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 24px;
    height: 30px;
    min-height: 30px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: 7px;
    background: var(--varza-color-surface);
    color: var(--varza-color-accent);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector__button:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector__button:focus-visible /* [OFFSIDE-CSS:8205a87d31] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: rgba(var(--varza-color-accent-rgb), 0.12);
    color: var(--varza-color-accent);
    outline: none;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__save-for-later-link /* [OFFSIDE-CSS:266b409269] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.78rem;
    text-decoration: none;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:focus-visible /* [OFFSIDE-CSS:1c01375b2a] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-danger);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__sidebar /* [OFFSIDE-CSS:ff002319d6] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: sticky;
    top: 24px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar /* [OFFSIDE-CSS:c348d9dd82] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: sticky;
    top: 24px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-formatted-money-amount,
.woocommerce-cart .wp-block-woocommerce-cart .woocommerce-Price-currencySymbol /* [OFFSIDE-CSS:8139f91ba0] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    white-space: nowrap;
}

.woocommerce-cart .wp-block-woocommerce-cart .woocommerce-Price-currencySymbol /* [OFFSIDE-CSS:de985dd433] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline-start: 8px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__totals-title /* [OFFSIDE-CSS:afc9be331e] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 18px;
    color: var(--varza-color-text);
    font-size: 1.2rem;
    font-weight: 800;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-wrapper,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-footer-item /* [OFFSIDE-CSS:d5f4d10f74] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-footer-item /* [OFFSIDE-CSS:28bf8aec40] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--varza-color-border);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item__label,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item__description /* [OFFSIDE-CSS:9df52540fa] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item__value,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-footer-item__value /* [OFFSIDE-CSS:ecd2982215] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-weight: 700;
    white-space: nowrap;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-footer-item /* [OFFSIDE-CSS:a52b74279a] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-top: 18px;
    border-bottom: 0;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-footer-item__label,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-footer-item__value /* [OFFSIDE-CSS:b40f3783df] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon /* [OFFSIDE-CSS:dd6dffdc4f] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--varza-color-border);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form /* [OFFSIDE-CSS:43477eb9b1] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__input /* [OFFSIDE-CSS:c959c072fe] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    flex: 1 1 auto;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__input input /* [OFFSIDE-CSS:a7d76d2bc3] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button /* [OFFSIDE-CSS:a25d855465] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 40px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control) !important;
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-weight: 800;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button /* [OFFSIDE-CSS:38faff79fa] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 7px 14px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit /* [OFFSIDE-CSS:23665954ab] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 20px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-container /* [OFFSIDE-CSS:761a18873d] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 0;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button /* [OFFSIDE-CSS:dbcc8d3cdc] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    text-align: center;
    text-decoration: none;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button:focus-visible,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button:focus-visible /* [OFFSIDE-CSS:b09157bd44] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover) !important;
    background: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
    filter: none;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button:active,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button:active /* [OFFSIDE-CSS:1718064bc7] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(1px);
}

.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-product-collection /* [OFFSIDE-CSS:a236a09b0c] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: var(--varza-space-section);
    padding-top: 24px;
    border-top: 1px solid var(--varza-color-border);
}

.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-product-collection > h2 /* [OFFSIDE-CSS:cb0c182f0b] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 20px;
    color: var(--varza-color-text);
    font-size: 1.35rem;
}






.woocommerce-cart .wp-block-woocommerce-empty-cart-block /* [OFFSIDE-CSS:592ba969ba] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 24px;
    padding: 32px 24px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.woocommerce-cart .return-to-shop .button.wc-backward /* [OFFSIDE-CSS:2dfb26e977] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-cart .return-to-shop .button.wc-backward:hover,
.woocommerce-cart .return-to-shop .button.wc-backward:focus-visible /* [OFFSIDE-CSS:d8792e6787] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover) !important;
    background: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
}

.woocommerce .form-row /* [OFFSIDE-CSS:2605516328] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 16px;
}

.woocommerce .form-row label /* [OFFSIDE-CSS:0350d313af] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin-bottom: 6px;
    color: var(--varza-color-muted);
    font-size: var(--varza-font-size-sm);
    font-weight: 600;
}

/* Checkout: server-rendered WooCommerce fields styled as Varza form controls. */
.woocommerce-checkout .varza-checkout-card,
.woocommerce-checkout .varza-order-review /* [OFFSIDE-CSS:cf63032bd0] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.woocommerce-checkout .varza-checkout-card .card-body,
.woocommerce-checkout .varza-order-review .card-body /* [OFFSIDE-CSS:93c73cc271] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: clamp(20px, 3vw, 28px) !important;
}

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout #order_review_heading /* [OFFSIDE-CSS:add637706e] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--varza-color-border);
    color: var(--varza-color-text);
    font-size: 1.12rem;
    font-weight: 800;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper /* [OFFSIDE-CSS:4cd6fa72ac] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row /* [OFFSIDE-CSS:ac657b5544] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: auto;
    margin: 0;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-wide /* [OFFSIDE-CSS:1b5cd6cf2c] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-column: 1 / -1;
}

.woocommerce-checkout .form-row label /* [OFFSIDE-CSS:9a95ad42a6] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 8px;
    color: var(--varza-color-text);
    font-size: 0.82rem;
}

.woocommerce-checkout .form-row .required /* [OFFSIDE-CSS:c8285a6919] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single /* [OFFSIDE-CSS:0c1b1635c8] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 48px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
    box-shadow: none;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select /* [OFFSIDE-CSS:be37dcd833] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    padding: 11px 13px;
}

.woocommerce-checkout .form-row textarea /* [OFFSIDE-CSS:3e77c91d72] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 112px;
    resize: vertical;
}

.woocommerce-checkout .form-row input.input-text::placeholder,
.woocommerce-checkout .form-row textarea::placeholder /* [OFFSIDE-CSS:af62f08ddf] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    opacity: 0.72;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--open .select2-selection--single /* [OFFSIDE-CSS:5531425048] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1);
}

.woocommerce-checkout .select2-container .select2-selection--single /* [OFFSIDE-CSS:a5e07cbb5c] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: 48px;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered /* [OFFSIDE-CSS:258fc7c1d5] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 11px 13px;
    color: var(--varza-color-text);
    line-height: 24px;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow /* [OFFSIDE-CSS:457a48a488] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: 46px;
}

.woocommerce-checkout .form-row .input-checkbox,
.woocommerce-checkout .shipping_method /* [OFFSIDE-CSS:63f90bb204] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    accent-color: var(--varza-color-accent);
}

.woocommerce-checkout .woocommerce-shipping-fields /* [OFFSIDE-CSS:85ae69ab81] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--varza-color-border);
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox /* [OFFSIDE-CSS:b0ccb3a8b2] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--varza-color-text);
    cursor: pointer;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input /* [OFFSIDE-CSS:356d56097b] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 17px;
    height: 17px;
    margin: 0;
}

.woocommerce-checkout .varza-order-review .woocommerce-checkout-review-order-table,
.woocommerce-checkout .varza-order-review .woocommerce-checkout-payment /* [OFFSIDE-CSS:52170d7b9d] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td /* [OFFSIDE-CSS:57f0c4b74a] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 14px 0;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th /* [OFFSIDE-CSS:738fe06bf0] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name /* [OFFSIDE-CSS:473031398a] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-weight: 700;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .amount /* [OFFSIDE-CSS:596975dde4] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 800;
    white-space: nowrap;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td /* [OFFSIDE-CSS:b646f36854] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-top: 18px;
    border-bottom: 0;
    color: var(--varza-color-text);
    font-size: 1rem;
}

.woocommerce-checkout #payment /* [OFFSIDE-CSS:65036ce858] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--varza-color-border);
    background: transparent;
}

.woocommerce-checkout #payment ul.payment_methods /* [OFFSIDE-CSS:767d86729b] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li /* [OFFSIDE-CSS:7604c89219] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 12px;
    padding: 14px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.woocommerce-checkout #payment ul.payment_methods label /* [OFFSIDE-CSS:32b13d4088] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    font-weight: 700;
    cursor: pointer;
}

.woocommerce-checkout #payment div.payment_box /* [OFFSIDE-CSS:1b68553f6e] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 12px 0 0;
    padding: 12px 14px;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-muted);
}

.woocommerce-checkout #payment div.payment_box::before /* [OFFSIDE-CSS:c7fbcde6cb] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom-color: var(--varza-color-surface);
}

.woocommerce-checkout #payment #place_order /* [OFFSIDE-CSS:7d68083f9c] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    margin: 8px 0 0;
    padding: 12px 18px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-weight: 800;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout #payment #place_order:focus-visible /* [OFFSIDE-CSS:f552f496cc] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover) !important;
    background: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
    filter: none;
}

.woocommerce-checkout #payment #place_order:active /* [OFFSIDE-CSS:c51a00a284] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(1px);
}

@media (min-width: 992px) /* [OFFSIDE-CSS:9e9a4b4886] شرط نمایش @media (min-width: 992px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-checkout .varza-order-review /* [OFFSIDE-CSS:91c164c631] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: sticky;
        top: 24px;
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-account .woocommerce-MyAccount-content form.edit-account .form-row /* [OFFSIDE-CSS:793269078f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        float: none;
        width: 100%;
        margin: 0 0 12px;
    }

    .woocommerce-account .woocommerce-MyAccount-content form.edit-account .form-row label /* [OFFSIDE-CSS:761b1889c4] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-bottom: 6px;
        font-size: 0.8rem;
    }

    .woocommerce-account .woocommerce-MyAccount-content form.edit-account .form-row input.input-text /* [OFFSIDE-CSS:74a32b7610] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 42px;
        padding: 9px 11px;
        font-size: 0.9rem;
    }

    .woocommerce-account .woocommerce-MyAccount-content form.edit-account fieldset /* [OFFSIDE-CSS:714856d670] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-top: 18px;
        padding: 14px;
    }

    .woocommerce-account .woocommerce-MyAccount-content form.edit-account fieldset legend /* [OFFSIDE-CSS:855327919a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        font-size: 0.84rem;
    }

    .woocommerce-account .woocommerce-MyAccount-content form.edit-account .woocommerce-Button[name="save_account_details"] /* [OFFSIDE-CSS:e3cd3b4273] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
        min-height: 42px;
        margin-top: 8px;
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper /* [OFFSIDE-CSS:29b5a5ac1e] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-wide /* [OFFSIDE-CSS:0e9bda20ec] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-column: auto;
    }
}

/* My Account: navigation and WooCommerce endpoint content. */
.woocommerce-account .woocommerce /* [OFFSIDE-CSS:4accad5a58] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flow-root;
}

.woocommerce-account .woocommerce-MyAccount-navigation /* [OFFSIDE-CSS:e54f239ffb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: right;
    width: calc(28% - 12px);
    padding: 14px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.12);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul /* [OFFSIDE-CSS:e29b125594] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a /* [OFFSIDE-CSS:79f93b4e1b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: var(--varza-radius-control);
    color: var(--varza-color-muted);
    font-weight: 700;
    text-decoration: none;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible /* [OFFSIDE-CSS:f225b20f5e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border);
    background: var(--varza-color-surface);
    color: var(--varza-color-accent);
    outline: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a /* [OFFSIDE-CSS:9ab6d123f2] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: rgba(var(--varza-color-accent-rgb), 0.26);
    background: rgba(var(--varza-color-accent-rgb), 0.1);
    color: var(--varza-color-accent);
}

.woocommerce-account .woocommerce-MyAccount-content /* [OFFSIDE-CSS:598379a9b3] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: left;
    width: calc(72% - 12px);
    min-height: 280px;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.12);
}

.woocommerce-account .woocommerce-MyAccount-content > :first-child /* [OFFSIDE-CSS:94b8350530] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 0;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 /* [OFFSIDE-CSS:a0e26af4cd] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 20px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--varza-color-border);
    color: var(--varza-color-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button) /* [OFFSIDE-CSS:5ffd7f7641] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover,
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):focus-visible /* [OFFSIDE-CSS:f6a0b6ff65] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    filter: brightness(0.88);
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] /* [OFFSIDE-CSS:5bc686471f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border: 1px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
    font-weight: 800;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:focus-visible /* [OFFSIDE-CSS:083f83f088] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover);
    background: var(--varza-color-accent-hover);
    color: var(--varza-color-accent-text);
    filter: none;
    outline: none;
}

.woocommerce-account .woocommerce-MyAccount-content .button:active,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:active /* [OFFSIDE-CSS:db7f8079f2] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: translateY(1px);
}

.woocommerce-account .woocommerce-info a.button,
.woocommerce-account .woocommerce-message a.button /* [OFFSIDE-CSS:3a9eed13fe] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-weight: 800;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-info a.button:hover,
.woocommerce-account .woocommerce-info a.button:focus-visible,
.woocommerce-account .woocommerce-message a.button:hover,
.woocommerce-account .woocommerce-message a.button:focus-visible /* [OFFSIDE-CSS:f84e8c030f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover) !important;
    background: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
    filter: none;
    outline: none;
}

.woocommerce-account .woocommerce-MyAccount-content .form-row /* [OFFSIDE-CSS:8349dfb4a7] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 18px;
}

.woocommerce-account .woocommerce-MyAccount-content form.edit-account .woocommerce-Button[name="save_account_details"] /* [OFFSIDE-CSS:3c8c094fab] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content .form-row label /* [OFFSIDE-CSS:7289437e97] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 8px;
    color: var(--varza-color-text);
}

.woocommerce-account .woocommerce-MyAccount-content .form-row input.input-text,
.woocommerce-account .woocommerce-MyAccount-content .form-row input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content .form-row input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content .form-row select,
.woocommerce-account .woocommerce-MyAccount-content .form-row textarea /* [OFFSIDE-CSS:2af68f9cf9] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
    box-shadow: none;
    color-scheme: dark;
}

.woocommerce-account .woocommerce-MyAccount-content .form-row textarea /* [OFFSIDE-CSS:1440b32fca] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 110px;
    resize: vertical;
}

.woocommerce-account .woocommerce-MyAccount-content form :is(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea) /* [OFFSIDE-CSS:ca2b4209f5] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color-scheme: dark;
}

.woocommerce-account .woocommerce-MyAccount-content form :is(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea):focus /* [OFFSIDE-CSS:86e4254728] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background-color: var(--varza-color-bg) !important;
    color: var(--varza-color-text) !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1) !important;
}

.woocommerce-account .woocommerce-MyAccount-content form input:-webkit-autofill,
.woocommerce-account .woocommerce-MyAccount-content form input:autofill /* [OFFSIDE-CSS:62c4b9fffe] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-text-fill-color: var(--varza-color-text) !important;
    caret-color: var(--varza-color-text) !important;
    background-color: var(--varza-color-bg) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--varza-color-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--varza-color-bg) inset !important;
    transition: background-color 99999s ease-out 0s;
}

.woocommerce-account .woocommerce-MyAccount-content form input:-webkit-autofill:focus,
.woocommerce-account .woocommerce-MyAccount-content form input:autofill:focus /* [OFFSIDE-CSS:d26ca2de77] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-box-shadow: 0 0 0 1000px var(--varza-color-bg) inset, 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1) !important;
    box-shadow: 0 0 0 1000px var(--varza-color-bg) inset, 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1) !important;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset /* [OFFSIDE-CSS:140cc69a51] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 28px 0 0;
    padding: 20px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
}

.woocommerce-account .woocommerce-MyAccount-content fieldset legend /* [OFFSIDE-CSS:8b08a61cd5] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: auto;
    float: none;
    margin: 0;
    padding: 0 8px;
    color: var(--varza-color-text);
    font-size: 0.9rem;
    font-weight: 800;
}

.woocommerce-account .woocommerce-Addresses /* [OFFSIDE-CSS:1892a79a0e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row;
    gap: 16px;
}

.woocommerce-account .woocommerce-Address /* [OFFSIDE-CSS:3034367def] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 100%;
    max-width: none;
    min-height: 180px;
    padding: 20px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.woocommerce-account .woocommerce-Address header /* [OFFSIDE-CSS:205ee9ffb2] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.woocommerce-account .woocommerce-Address h3 /* [OFFSIDE-CSS:68e59e64ef] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
}

.woocommerce-account .woocommerce-Address address /* [OFFSIDE-CSS:d524dbcd94] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-muted);
    font-style: normal;
    line-height: 2;
}

.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 /* [OFFSIDE-CSS:0514c46b66] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    clear: none !important;
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(1) /* [OFFSIDE-CSS:c23c176995] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-column: 1;
    grid-row: 1;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(2) /* [OFFSIDE-CSS:ae58889ca9] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-column: 2;
    grid-row: 1;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table /* [OFFSIDE-CSS:7f20b6a7bc] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
}

.woocommerce-account .woocommerce-address-fields__field-wrapper /* [OFFSIDE-CSS:cc7fa93f07] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row /* [OFFSIDE-CSS:c0d43f30ef] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: auto;
    margin: 0;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide /* [OFFSIDE-CSS:9a1d933e54] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-column: 1 / -1;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td /* [OFFSIDE-CSS:e79de380f9] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 14px 12px;
    border-color: var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
    vertical-align: middle;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table th /* [OFFSIDE-CSS:fa7fbf2823] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total /* [OFFSIDE-CSS:67e0654777] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 800;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination /* [OFFSIDE-CSS:ac86710492] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content /* [OFFSIDE-CSS:de8bd1166f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        float: none;
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation /* [OFFSIDE-CSS:3c5b83172f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-bottom: 20px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul /* [OFFSIDE-CSS:6fafab45c8] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-account .woocommerce-MyAccount-navigation ul,
    .woocommerce-account .woocommerce-Addresses /* [OFFSIDE-CSS:cce9774989] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(1),
    .woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(2) /* [OFFSIDE-CSS:8f86dcfe48] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-column: 1 / -1 !important;
        grid-row: auto;
    }

    .woocommerce-account .woocommerce-Address header /* [OFFSIDE-CSS:b54ee15019] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .woocommerce-account .woocommerce-Address address /* [OFFSIDE-CSS:f63e64f155] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        overflow-wrap: anywhere;
    }

    .woocommerce-account .woocommerce-MyAccount-content /* [OFFSIDE-CSS:5ab433d156] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 20px;
    }

    .woocommerce-account .woocommerce-address-fields__field-wrapper /* [OFFSIDE-CSS:32319cd9c6] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr);
    }

    .woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide /* [OFFSIDE-CSS:dab2c63d53] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-column: auto;
    }
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register /* [OFFSIDE-CSS:4479fa643f] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 24px;
    border-color: var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error /* [OFFSIDE-CSS:216c8780bd] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 24px;
    position: relative;
    padding: 14px 52px 14px 18px;
    border-top: 0;
    border-inline-start: 3px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    font-size: 0.88rem;
}

.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info[role="alert"]::before,
.woocommerce .woocommerce-message[role="alert"]::before,
.woocommerce .woocommerce-error[role="alert"]::before /* [OFFSIDE-CSS:592ccfa6cf] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset-inline-start: 18px;
    inset-inline-end: auto;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--varza-color-accent);
    line-height: 1;
}

.woocommerce .woocommerce-error /* [OFFSIDE-CSS:0366171884] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-inline-start-color: var(--varza-color-danger);
}

.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-error a /* [OFFSIDE-CSS:a78a23c8ee] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 700;
    text-decoration: none;
}

.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-info a:focus-visible,
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-message a:focus-visible,
.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-error a:focus-visible /* [OFFSIDE-CSS:16823668c9] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    filter: brightness(0.88);
    text-decoration: none;
}

/* Keep the single-product add-to-cart notice button readable on the accent surface. */
body.single-product .woocommerce-message a.button.wc-forward
{
    background-color: var(--varza-color-accent) !important;
    border-color: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    text-decoration: none;
}

body.single-product .woocommerce-message a.button.wc-forward:hover,
body.single-product .woocommerce-message a.button.wc-forward:focus-visible
{
    background-color: var(--varza-color-accent-hover) !important;
    border-color: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
    filter: none;
}

body.single-product .woocommerce-message a.button.wc-forward:focus-visible
{
    outline: 2px solid var(--varza-color-accent);
    outline-offset: 2px;
}

/* Keep Digits validation popups in the account area aligned with the site palette. */
body.woocommerce-account .dig_popmessage /* [OFFSIDE-CSS:aa83d7a8d8] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: fixed;
    top: auto;
    right: auto;
    bottom: 24px;
    left: 24px;
    width: min(360px, calc(100vw - 32px));
    min-height: 0;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
    color: var(--varza-color-text);
    font-family: inherit;
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    body.woocommerce-account .dig_popmessage /* [OFFSIDE-CSS:d1e41f8f34] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        bottom: 16px;
        left: 16px;
    }
}

body.woocommerce-account .dig_popmessage .dig_popmessage_contents /* [OFFSIDE-CSS:a990f380ba] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 0;
    border-inline-start: 3px solid var(--varza-color-danger);
    border-radius: inherit;
    background: var(--varza-color-surface);
}

body.woocommerce-account .dig_critical_msg .dig_lase_snap /* [OFFSIDE-CSS:45376d578b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-danger);
}

body.woocommerce-account .dig_critical_msg .dig_lase_message /* [OFFSIDE-CSS:0d943d2fd1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
}

body.woocommerce-account .dig_critical_msg .dig_popdismiss /* [OFFSIDE-CSS:9bf6a3f674] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background-color: var(--varza-color-muted);
}

.varza-search-page /* [OFFSIDE-CSS:74682971a4] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 60vh;
}

.varza-page-heading /* [OFFSIDE-CSS:ab3546ca8a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--varza-color-border);
}

.varza-page-heading h1 /* [OFFSIDE-CSS:ecae7e3d6c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 8px;
}

.varza-result-count /* [OFFSIDE-CSS:cecf15ed91] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-muted);
}

.varza-empty-state /* [OFFSIDE-CSS:506283b2b3] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 720px;
    margin: 48px auto;
    padding: 32px;
    border: 1px solid var(--varza-color-border);
    border-inline-start: 4px solid var(--varza-color-accent);
    background: var(--varza-color-surface);
    text-align: center;
}

.varza-empty-state h2 /* [OFFSIDE-CSS:60460fc22a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 0;
}

.varza-empty-state p /* [OFFSIDE-CSS:c04068ce2d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
}

.varza-empty-actions /* [OFFSIDE-CSS:96c6ef897f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    justify-content: center;
    margin-top: 20px;
}

.varza-header-search /* [OFFSIDE-CSS:948b3b4744] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
}

.varza-search-suggestions /* [OFFSIDE-CSS:34e5806061] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 20;
    inset-inline: 0;
    top: calc(100% + 6px);
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    background: var(--varza-color-surface);
    box-shadow: 0 16px 32px rgba(var(--varza-color-bg-rgb), 0.28);
}

.varza-search-suggestion /* [OFFSIDE-CSS:bc868288d5] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 8px 14px;
    font-size: 0.86rem;
    border-bottom: 1px solid var(--varza-color-border);
    text-decoration: none;
}

.varza-search-suggestion:last-child /* [OFFSIDE-CSS:f3b316deda] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom: 0;
}

.varza-search-suggestion:hover,
.varza-search-suggestion:focus-visible /* [OFFSIDE-CSS:20093014a9] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: var(--varza-color-bg);
    color: var(--varza-color-accent);
}

.varza-search-suggestion small /* [OFFSIDE-CSS:3259d40848] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.78rem;
}

.varza-header-nav ul ul /* [OFFSIDE-CSS:dc3f00edf1] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1), transform 300ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 300ms;
}

.varza-header-nav li /* [OFFSIDE-CSS:83d093babb] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: relative;
}

.varza-header-nav li:hover > ul,
.varza-header-nav li:focus-within > ul /* [OFFSIDE-CSS:94a3119c44] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
}

.varza-header-nav li:hover > .sub-menu,
.varza-header-nav li:focus-within > .sub-menu /* [OFFSIDE-CSS:5b197f0ad8] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
}

.varza-header-nav li.menu-item-has-children > a::after /* [OFFSIDE-CSS:d7ddab25e2] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-inline-start: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    vertical-align: 3px;
    transform: rotate(45deg);
    transition: transform 160ms ease;
}

.varza-header-nav li.menu-item-has-children > a /* [OFFSIDE-CSS:ba72d0d046] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-user-select: none;
    user-select: none;
}

.varza-header-nav .sub-menu /* [OFFSIDE-CSS:cb449d3b87] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    z-index: 10;
    inset-inline-start: 0;
    top: 100%;
    min-width: 220px;
    margin: 0;
    padding: 10px;
    list-style: none !important;
    border-radius: var(--varza-radius-card);
    border: 1px solid var(--varza-color-border);
    background: var(--varza-color-surface);
}

.varza-header-nav .sub-menu .menu-item-has-children > .sub-menu /* [OFFSIDE-CSS:c9c67fae5e] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    top: 0;
    inset-inline-start: 100%;
    inset-inline-end: auto;
}

@media (min-width: 992px) /* [OFFSIDE-CSS:nested-submenu-desktop-arrow] فلش زیرمنوی تو‌در‌تو در هدر راست‌به‌چپ به سمت چپ است؛ فلش سطح اول پایین می‌ماند. */
{
    .varza-header-nav .sub-menu .menu-item-has-children > a::after {
        transform: rotate(135deg);
    }
}

.varza-header-nav .sub-menu > li /* [OFFSIDE-CSS:658693c18c] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    list-style: none !important;
}

.varza-header-nav .sub-menu > li::marker /* [OFFSIDE-CSS:68e2e3f2f0] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    content: "";
}

.varza-header-nav .sub-menu a /* [OFFSIDE-CSS:5806944f68] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    min-height: 36px;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    text-decoration: none !important;
}

.varza-header-nav .sub-menu a:visited,
.varza-header-nav .sub-menu a:focus-visible,
.varza-header-nav .sub-menu a:hover /* [OFFSIDE-CSS:da7c1a29be] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    text-decoration: none !important;
}

.varza-header-nav .sub-menu a:hover /* [OFFSIDE-CSS:f58343841f] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: rgba(var(--varza-color-accent-rgb), 0.07);
    color: var(--varza-color-accent);
}

.varza-header-nav .sub-menu .current-menu-item > a:not(:hover):not(:focus-visible) /* [OFFSIDE-CSS:7c993725ac] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: transparent;
    background: transparent;
    color: var(--varza-color-text);
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-single-product .woocommerce-product-gallery /* [OFFSIDE-CSS:9ec3d1d9a7] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        --varza-gallery-main-height: clamp(260px, 78vw, 420px);
    }

    .varza-single-product .woocommerce-product-gallery .flex-viewport /* [OFFSIDE-CSS:b2374911f9] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        height: var(--varza-gallery-main-height) !important;
    }

    .varza-product-type-heading,
    .varza-kit-printing-heading /* [OFFSIDE-CSS:1c2eede403] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-direction: column;
    }

    .varza-product-detail-grid,
    .varza-product-notes-grid,
    .varza-printing-fields,
    .varza-summary-facts /* [OFFSIDE-CSS:fc263ec0dc] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }

    .varza-hero /* [OFFSIDE-CSS:2b783a4562] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: calc(100% - 40px);
        margin: 20px auto;
        border-radius: 12px;
    }

    .varza-header-main /* [OFFSIDE-CSS:1f684edf13] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-wrap: wrap;
        padding-block: 12px;
    }

    .varza-header-search /* [OFFSIDE-CSS:f5c350db1e] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        order: 3;
        flex-basis: 100%;
        max-width: none;
    }

    .varza-header-search .form-control /* [OFFSIDE-CSS:d53c88fdbb] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 32px;
    }

    .varza-header-search .btn /* [OFFSIDE-CSS:e4d29a2e24] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-basis: 36px;
        min-width: 36px;
        width: 36px;
        height: 36px;
        min-height: 36px;
    }

    .varza-header-actions /* [OFFSIDE-CSS:be8cb018f8] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-inline-start: auto;
    }

    .varza-logo-image /* [OFFSIDE-CSS:31be5ae17b] ظاهر لوگو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: min(var(--varza-logo-mobile-width), 100%);
    }

    .varza-menu-toggle /* [OFFSIDE-CSS:db1d0f3999] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: inline-flex;
    }

    .varza-header-nav /* [OFFSIDE-CSS:67a8222ae8] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
        padding-block: 12px;
    }

    .varza-header-nav.is-open /* [OFFSIDE-CSS:aa1107a171] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
    }

    .varza-header-nav ul /* [OFFSIDE-CSS:a07322fa72] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid;
        gap: 4px;
    }

    .varza-header-nav a /* [OFFSIDE-CSS:048d4a9089] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        padding: 8px 0;
    }

    .varza-footer-grid /* [OFFSIDE-CSS:1d79c9217f] ظاهر فوتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        align-items: flex-start;
        flex-direction: column;
    }

    .varza-hero /* [OFFSIDE-CSS:2b783a4562] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
        padding-block: 12px 0;
    }

    .varza-hero-slider .varza-hero-slides /* [OFFSIDE-CSS:6d0c76b1e4] قاب اسلایدر موبایل با ارتفاع اسلاید هماهنگ می‌ماند. */
{
        min-height: var(--varza-hero-mobile-height);
    }

    .varza-hero-slide,
    .varza-hero-slide.is-active /* [OFFSIDE-CSS:2d1dd7ad07] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: var(--varza-hero-mobile-height);
        gap: 0;
    }

    .varza-hero-copy /* [OFFSIDE-CSS:4836ac5ba5] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 28px 20px;
    }

    .varza-hero-slider .varza-hero-copy /* [OFFSIDE-CSS:8f0d1f4008] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: flex;
        width: 100%;
        min-height: var(--varza-hero-mobile-height);
        justify-content: flex-end;
        padding: 32px 22px 64px;
        background: linear-gradient(to top, rgba(var(--varza-color-bg-rgb), 0.92) 0%, rgba(var(--varza-color-bg-rgb), 0.5) 52%, transparent 100%);
    }

    .varza-hero-slider .varza-hero-media /* [OFFSIDE-CSS:ecb62098b8] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .varza-hero-slider .varza-hero-slide::after,
    .varza-hero-slider .varza-hero-slide.is-text-left::after /* [OFFSIDE-CSS:8bc4c2270b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        background: linear-gradient(to top, rgba(var(--varza-color-bg-rgb), 0.45) 0%, rgba(var(--varza-color-bg-rgb), 0.12) 52%, transparent 82%);
    }

    .varza-hero h1 /* [OFFSIDE-CSS:f6bb888994] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        font-size: clamp(1.8rem, 8vw, 2.45rem);
    }

    .varza-hero-media /* [OFFSIDE-CSS:c6d94f3ead] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        order: initial;
        height: 100%;
        min-height: 0;
    }

    .varza-hero-media img /* [OFFSIDE-CSS:60048b0504] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 0;
    }

    .varza-hero-description /* [OFFSIDE-CSS:05895108e7] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-bottom: 20px;
        font-size: 1rem;
    }

    .varza-hero-controls /* [OFFSIDE-CSS:5136f9c49e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-wrap: wrap;
        gap: 4px;
        inset-inline: 12px;
        bottom: 12px;
        margin: 0 auto;
    }

    .varza-hero-arrow /* [OFFSIDE-CSS:4ac8843e2f] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;
    }

    .varza-hero-arrow-prev /* [OFFSIDE-CSS:49951ef4b0] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ inset-inline-start: 8px; }
    .varza-hero-arrow-next /* [OFFSIDE-CSS:4bf1e0ebc6] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{ inset-inline-end: 8px; }

    .varza-hero-dots /* [OFFSIDE-CSS:096da10871] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        gap: 0;
    }

    .varza-hero-toggle /* [OFFSIDE-CSS:161a065cef] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-basis: 100%;
        order: 2;
    }

    .varza-category-grid,
    .varza-sport-links /* [OFFSIDE-CSS:a576a3d710] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .varza-trust-strip /* [OFFSIDE-CSS:3ccf4b05f5] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .varza-guide-steps,
    .varza-guide-type-grid /* [OFFSIDE-CSS:7562e7f60d] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .varza-section-heading,
    .varza-help-panel /* [OFFSIDE-CSS:77399666aa] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        align-items: flex-start;
        flex-direction: column;
    }

    .varza-help-panel .varza-button /* [OFFSIDE-CSS:2560eda0c1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }

    .varza-header-nav .sub-menu /* [OFFSIDE-CSS:b8794b1266] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: static;
        min-width: 0;
        margin-inline-start: 12px;
        border: 0;
        background: transparent;
    }

    .varza-header-nav li:hover > ul,
    .varza-header-nav li:focus-within > ul /* [OFFSIDE-CSS:c1637795d1] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .varza-header-nav li.menu-item-has-children:focus-within > ul,
    .varza-header-nav li.menu-item-has-children:hover > ul /* [OFFSIDE-CSS:057daf2646] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
    }
}

@media (max-width: 767.98px) /* [OFFSIDE-CSS:home-mobile-width] زیر مرز ۷۶۸ پیکسل بوت‌استرپ، خانه تمام‌عرض است؛ محدودیت container و حاشیهٔ بیرونی حذف و فاصلهٔ داخلی خوانایی حفظ می‌شود. */
{
    .varza-home > .varza-container {
        width: 100%;
        max-width: none;
        margin-inline: 0;
    }

    .varza-home > .varza-hero {
        width: 100%;
        margin-inline: 0;
        border-radius: 0;
    }
}

/* Use the deep olive field treatment throughout the storefront. */
body :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
    textarea,
    select,
    .select2-selection
) /* [OFFSIDE-CSS:70844948e4] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border) !important;
    background-color: var(--varza-color-surface) !important;
    color: var(--varza-color-text) !important;
}

body :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
    textarea,
    select,
    .select2-selection
):focus /* [OFFSIDE-CSS:babe2cd4be] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.12) !important;
    outline: 0;
}

body :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
    textarea
)::placeholder /* [OFFSIDE-CSS:f33c77ad30] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    opacity: 0.78;
}

body :is(input[type="checkbox"], input[type="radio"]) /* [OFFSIDE-CSS:fbc45bd699] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border) !important;
    background-color: var(--varza-color-surface) !important;
    accent-color: var(--varza-color-accent);
}

body input[type="range"] /* [OFFSIDE-CSS:8959832e4a] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    accent-color: var(--varza-color-accent);
}

body input[type="file"] /* [OFFSIDE-CSS:917d59f5b0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border) !important;
    background-color: var(--varza-color-surface) !important;
    color: var(--varza-color-text) !important;
}

body input[type="file"]::file-selector-button /* [OFFSIDE-CSS:4a9d4838b0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border: 1px solid var(--varza-color-border);
    border-radius: 4px;
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

body input[type="color"] /* [OFFSIDE-CSS:ac1b6a3962] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border) !important;
    background-color: var(--varza-color-surface) !important;
}

body input:-webkit-autofill,
body input:-webkit-autofill:hover,
body input:-webkit-autofill:focus /* [OFFSIDE-CSS:223cf3d53f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-box-shadow: 0 0 0 1000px var(--varza-color-surface) inset !important;
    -webkit-text-fill-color: var(--varza-color-text) !important;
    caret-color: var(--varza-color-text);
}

@media (max-width: 479px) /* [OFFSIDE-CSS:9b90b80bbc] شرط نمایش @media (max-width: 479px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-home /* [OFFSIDE-CSS:c9d4cdc356] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding-top: 16px;
    }

    .varza-hero-actions .varza-button /* [OFFSIDE-CSS:c637a5c25b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }

    .varza-sport-links /* [OFFSIDE-CSS:85256df575] ظاهر ورزش‌ها؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }

    .varza-trust-strip /* [OFFSIDE-CSS:55bd6dcaf7] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }

    .varza-guide-steps,
    .varza-guide-type-grid /* [OFFSIDE-CSS:344257fe98] ظاهر راهنمای خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }

    .varza-category-card /* [OFFSIDE-CSS:f76fa655bf] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 218px;
        padding: 15px;
    }

    .varza-category-icon /* [OFFSIDE-CSS:be050b003c] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: min(100%, 112px);
        height: 112px;
        flex-basis: 112px;
    }

    .varza-category-icon svg /* [OFFSIDE-CSS:616f814fee] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 58px;
        height: 58px;
    }

    .varza-category-card strong /* [OFFSIDE-CSS:4a9b5c797d] ظاهر دسته‌بندی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        font-size: 1.05rem;
    }

    .varza-home-section /* [OFFSIDE-CSS:8bdcf9be95] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding-top: 32px;
    }
}

@media (prefers-reduced-motion: reduce) /* [OFFSIDE-CSS:c8abfc651c] شرط نمایش @media (prefers-reduced-motion: reduce)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    *,
    *::before,
    *::after /* [OFFSIDE-CSS:da1deeb192] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (min-width: 768px) /* [OFFSIDE-CSS:cd3c5ee03c] شرط نمایش @media (min-width: 768px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-container /* [OFFSIDE-CSS:20a7d2fa0d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: min(100% - 48px, var(--varza-content-width));
    }

    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .varza-home ul.products,
    .varza-search-page ul.products /* [OFFSIDE-CSS:5d7fd8d46d] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .varza-home ul.products,
    .varza-search-page ul.products /* [OFFSIDE-CSS:58b0c90aff] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .varza-home ul.products,
    .varza-search-page ul.products /* [OFFSIDE-CSS:4922ffedd4] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1100px) /* [OFFSIDE-CSS:14e96506dc] شرط نمایش @media (min-width: 1100px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .varza-home ul.products,
    .varza-search-page ul.products /* [OFFSIDE-CSS:a3dfa341b4] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-shop-layout /* [OFFSIDE-CSS:d6d3f739e8] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
        grid-template-areas:
            "filter-trigger"
            "results";
        gap: 20px;
    }

    .varza-mobile-filter-row /* [OFFSIDE-CSS:caee3ea2ac] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: flex;
        grid-area: filter-trigger;
    }

    .varza-mobile-filter-trigger /* [OFFSIDE-CSS:202dba6de1] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 48px;
        padding: 10px 18px;
        border: 1px solid var(--varza-color-border);
        border-radius: 12px;
        color: var(--varza-color-text);
        background: var(--varza-color-surface);
        cursor: pointer;
        font: inherit;
        font-weight: 700;
        transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .2s ease;
    }

    .varza-mobile-filter-trigger:hover /* [OFFSIDE-CSS:7d80d76b14] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        border-color: var(--varza-color-accent);
        color: var(--varza-color-accent);
        background: var(--varza-color-surface);
    }

    .varza-mobile-filter-trigger:active /* [OFFSIDE-CSS:e0e890db7b] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        transform: scale(.98);
    }

    html.varza-filter-dialog-open,
    html.varza-filter-dialog-open body /* [OFFSIDE-CSS:614bcd6bbb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        overflow: hidden;
    }

    .varza-mobile-filter-trigger svg /* [OFFSIDE-CSS:1b6ab33271] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        color: var(--varza-color-accent);
    }

    .varza-mobile-filter-count:not([hidden]) /* [OFFSIDE-CSS:bc065a6081] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        min-height: 24px;
        padding-inline: 7px;
        border-radius: 999px;
        color: var(--varza-color-accent-text);
        background: var(--varza-color-accent);
        font-size: .75rem;
        line-height: 1;
    }

    .varza-shop-sidebar /* [OFFSIDE-CSS:f7707bb01d] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: contents;
        position: static;
    }

    dialog.varza-shop-filter-dialog:not([open]) /* [OFFSIDE-CSS:930dd69f0e] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none !important;
    }

    dialog.varza-shop-filter-dialog[open] /* [OFFSIDE-CSS:80f070bba5] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: fixed;
        inset-block: 0;
        inset-inline-start: 0;
        inset-inline-end: auto;
        z-index: 100000;
        display: block;
        width: min(440px, calc(100vw - 24px));
        height: 100vh;
        height: 100dvh;
        max-width: calc(100vw - 24px);
        max-height: none;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 1px solid var(--varza-color-border);
        border-inline-start: 0;
        border-start-end-radius: 18px;
        border-end-end-radius: 18px;
        color: var(--varza-color-text);
        background: var(--varza-color-surface);
        box-shadow: 0 18px 60px rgba(0, 0, 0, .42);
        transform: translateX(100%);
        transition: transform .38s cubic-bezier(.22, 1, .36, 1);
        scrollbar-color: var(--varza-color-border) transparent;
        scrollbar-width: thin;
    }

    dialog.varza-shop-filter-dialog[open].is-visible /* [OFFSIDE-CSS:49d3ccbbad] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        transform: translateX(0);
    }

    dialog.varza-shop-filter-dialog::-webkit-scrollbar /* [OFFSIDE-CSS:15c70df817] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 6px;
    }

    dialog.varza-shop-filter-dialog::-webkit-scrollbar-thumb /* [OFFSIDE-CSS:d9f06cf0dd] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        border-radius: 999px;
        background: var(--varza-color-border);
    }

    dialog.varza-shop-filter-dialog::backdrop /* [OFFSIDE-CSS:3105be7639] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        background: rgba(0, 0, 0, .68);
        opacity: 0;
        transition: opacity .32s ease;
    }

    dialog.varza-shop-filter-dialog[open].is-visible::backdrop /* [OFFSIDE-CSS:5c71699ef2] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        opacity: 1;
    }

    dialog.varza-shop-filter-dialog.is-closing /* [OFFSIDE-CSS:b67b5e07b3] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        pointer-events: none;
        transition: transform .34s cubic-bezier(.4, 0, .2, 1);
    }

    .varza-shop-filter-panel /* [OFFSIDE-CSS:7fbe83d464] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        position: static;
        min-height: 100%;
        height: auto;
        padding: 22px 18px 28px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-sizing: border-box;
        overflow: visible;
    }

    .varza-filter-dialog-close /* [OFFSIDE-CSS:82acddfa3e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: inline-grid;
        place-items: center;
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        padding: 0;
        border: 1px solid var(--varza-color-border);
        border-radius: 50%;
        color: var(--varza-color-text);
        background: var(--varza-color-bg);
        cursor: pointer;
        transition: border-color .2s ease, color .2s ease, background-color .2s ease;
    }

    .varza-filter-dialog-close svg /* [OFFSIDE-CSS:bfd915244f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        overflow: visible;
    }

    .varza-filter-dialog-close svg path /* [OFFSIDE-CSS:5b2bef9b5c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-width: 2;
    }

    .varza-filter-dialog-close:hover /* [OFFSIDE-CSS:e09ff9dfd3] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        border-color: var(--varza-color-accent);
        color: var(--varza-color-accent-text);
        background: var(--varza-color-accent);
    }

    .varza-shop-filter-form /* [OFFSIDE-CSS:e841a42c98] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
    }

    .varza-shop-filter-controls /* [OFFSIDE-CSS:7a5250cdef] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 0;
        overflow: visible;
    }

    .varza-shop-filter-dialog .varza-filter-options /* [OFFSIDE-CSS:c1f2ba0d71] ظاهر فروشگاه و فیلتر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        max-height: none;
        overflow: visible;
    }

    .varza-filter-submit-wrap /* [OFFSIDE-CSS:ea81aaaa6c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: static;
        padding: 14px 0 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .varza-filter-submit /* [OFFSIDE-CSS:22c8fd9a54] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-top: 0;
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce .varza-shop-results ul.products,
    .woocommerce-page .varza-shop-results ul.products /* [OFFSIDE-CSS:477a33cbbc] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce .varza-shop-results ul.products,
    .woocommerce-page .varza-shop-results ul.products /* [OFFSIDE-CSS:15d6aa9c6e] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals /* [OFFSIDE-CSS:a64cce8eab] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        float: none;
        width: 100%;
    }

    .woocommerce-cart .cart-collaterals /* [OFFSIDE-CSS:1d8e78b615] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin-top: 24px;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart /* [OFFSIDE-CSS:b3bbd56123] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: 1fr;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__sidebar /* [OFFSIDE-CSS:be6e37f751] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: static;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar /* [OFFSIDE-CSS:bd380cf338] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: static;
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .woocommerce-cart .woocommerce-cart-form /* [OFFSIDE-CSS:0eadeef33d] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 14px;
    }

    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive thead /* [OFFSIDE-CSS:cacf17120e] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody,
    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr,
    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody td /* [OFFSIDE-CSS:380d48c604] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        width: 100%;
    }

    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.woocommerce-cart-form__cart-item /* [OFFSIDE-CSS:ec26a03adb] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 14px 0;
    }

    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.woocommerce-cart-form__cart-item td /* [OFFSIDE-CSS:97e0d5f7d8] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 6px 0;
        border: 0;
        text-align: right !important;
    }

    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.woocommerce-cart-form__cart-item td::before /* [OFFSIDE-CSS:502f0be4d1] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        color: var(--varza-color-muted);
        font-size: 0.76rem;
        font-weight: 600;
    }

    .woocommerce-cart .woocommerce-cart-form .product-remove,
    .woocommerce-cart .woocommerce-cart-form .product-thumbnail /* [OFFSIDE-CSS:9916541de3] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: auto;
    }

    .woocommerce-cart .woocommerce-cart-form .product-thumbnail /* [OFFSIDE-CSS:04ae45e06a] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        text-align: center !important;
    }

    .woocommerce-cart .woocommerce-cart-form .product-thumbnail::before /* [OFFSIDE-CSS:d84ed58718] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr > td.actions /* [OFFSIDE-CSS:094e646da4] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: flex;
        align-items: stretch;
        flex-direction: column;
        padding: 16px 0 0;
    }

    .woocommerce-cart .woocommerce-cart-form .coupon /* [OFFSIDE-CSS:e7fcc3cce7] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }

    .woocommerce-cart .woocommerce-cart-form .coupon .input-text /* [OFFSIDE-CSS:45694175e6] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: auto;
        min-width: 0;
        flex: 1 1 auto;
    }

    .woocommerce-cart .woocommerce-cart-form button[name="update_cart"] /* [OFFSIDE-CSS:868f9d9b3c] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }

    .woocommerce-cart .cart-collaterals .cart_totals /* [OFFSIDE-CSS:20162428f5] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 20px;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__main,
    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__sidebar,
    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-main,
    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar /* [OFFSIDE-CSS:04ef21963e] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 14px !important;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header /* [OFFSIDE-CSS:a211d05147] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items,
    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items tbody,
    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row,
    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td /* [OFFSIDE-CSS:e35bcb3636] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        width: 100%;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row /* [OFFSIDE-CSS:db20ffea65] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 14px 0;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td /* [OFFSIDE-CSS:e7016277f1] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 6px 0;
        border: 0;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image /* [OFFSIDE-CSS:e98934eb96] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: auto;
        text-align: center;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image img /* [OFFSIDE-CSS:d434ace2f9] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin: 0 auto;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__wrap /* [OFFSIDE-CSS:bb6fa242ec] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        align-items: flex-start;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form /* [OFFSIDE-CSS:1fe2958533] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        align-items: stretch;
        flex-direction: column;
    }

    .woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button /* [OFFSIDE-CSS:c06c0a6940] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }
}

/* Responsive header layout: keep branding, search, and actions from competing for width. */
@media (min-width: 768px) and (max-width: 991px) /* [OFFSIDE-CSS:1aae3ef258] شرط نمایش @media (min-width: 768px) and (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-site-header .varza-header-main /* [OFFSIDE-CSS:4b365c8330] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "brand actions"
            "search search";
        gap: 12px 20px;
        padding-block: 14px;
    }

    .varza-site-header .varza-site-title /* [OFFSIDE-CSS:31f0193a08] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-area: brand;
        min-width: 0;
    }

    .varza-site-header .varza-header-search /* [OFFSIDE-CSS:4d3b51de61] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-area: search;
        width: 100%;
        max-width: none;
    }

    .varza-site-header .varza-header-actions /* [OFFSIDE-CSS:d779407046] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-area: actions;
        min-width: max-content;
    }

    .varza-site-header .varza-header-nav > .varza-primary-menu,
    .varza-site-header .varza-header-nav > ul /* [OFFSIDE-CSS:ab1de917dc] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        justify-content: center;
    }
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-site-header .varza-header-main /* [OFFSIDE-CSS:a13e5c7514] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "brand actions"
            "search search";
        align-items: center;
        gap: 12px;
        padding-block: 12px;
    }

    .varza-site-header .varza-header-search /* [OFFSIDE-CSS:2242a4a171] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-area: search;
        order: initial;
        width: 100%;
        min-width: 0;
        max-width: none;
        flex-basis: auto;
    }

    .varza-site-header .varza-header-search label,
    .varza-site-header .varza-header-search .form-control /* [OFFSIDE-CSS:f445fcbe9c] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-width: 0;
    }

    .varza-site-header .varza-header-actions /* [OFFSIDE-CSS:a46115197e] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-area: actions;
        justify-content: flex-start;
        gap: 4px;
        min-width: 0;
        margin: 0;
    }

    .varza-site-header .varza-header-action /* [OFFSIDE-CSS:4e35d93908] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 38px;
        gap: 5px;
        padding: 6px 8px;
    }

    .varza-site-header .varza-menu-toggle /* [OFFSIDE-CSS:8ce934529c] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 38px;
        padding-inline: 10px;
    }

    .varza-site-header .varza-header-nav /* [OFFSIDE-CSS:e44fb3747a] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid;
        grid-template-rows: 0fr;
        margin-bottom: 0;
        padding-block: 0;
        border: 1px solid var(--varza-color-border);
        border-color: transparent;
        border-radius: var(--varza-radius-card);
        background: var(--varza-color-bg);
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        pointer-events: none;
        transform: translateY(-4px);
        transition: grid-template-rows 520ms cubic-bezier(0.22, 1, 0.36, 1), opacity 360ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1), margin 360ms ease, padding 360ms ease, border-color 360ms ease, visibility 0s linear 520ms;
    }

    .varza-site-header .varza-header-nav > .varza-primary-menu,
    .varza-site-header .varza-header-nav > ul /* [OFFSIDE-CSS:177c1bc8fe] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 0;
        overflow: hidden;
    }

    .varza-site-header .varza-header-nav.is-open /* [OFFSIDE-CSS:da0c8f2e2b] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-rows: 1fr;
        margin-bottom: 12px;
        padding-block: 12px;
        border-color: var(--varza-color-border);
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    .varza-site-header .varza-header-nav > .varza-primary-menu,
    .varza-site-header .varza-header-nav > ul /* [OFFSIDE-CSS:177c1bc8fe] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 2px;
    }

    .varza-site-header .varza-header-nav > .varza-primary-menu > li > a,
    .varza-site-header .varza-header-nav > ul > li > a /* [OFFSIDE-CSS:8d28d6ffc4] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
        min-height: 42px;
        padding: 9px 12px;
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-site-header .varza-container /* [OFFSIDE-CSS:d7b19063c3] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: calc(100% - 28px);
    }

    .varza-site-header .varza-header-main /* [OFFSIDE-CSS:b1c69e8f4e] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        column-gap: 8px;
    }

    .varza-site-header .varza-header-action-label /* [OFFSIDE-CSS:8e29b166c3] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .varza-site-header .varza-header-action /* [OFFSIDE-CSS:835e47a3e7] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 38px;
        min-width: 38px;
        justify-content: center;
        padding-inline: 0;
    }

    .varza-site-header .varza-header-action-icon /* [OFFSIDE-CSS:358678d55c] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 19px;
        height: 19px;
    }

    .varza-site-header .varza-header-cart-action /* [OFFSIDE-CSS:288d1849e2] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: auto;
        min-width: 42px;
        gap: 3px;
        padding-inline: 2px;
    }

    .varza-site-header .varza-header-cart-action .varza-cart-count /* [OFFSIDE-CSS:49fb216ed9] ظاهر سبد خرید؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        margin: 0;
    }
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-site-header .varza-account-dropdown /* [OFFSIDE-CSS:31e9cfe308] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: relative;
    }

    .varza-site-header .varza-account-dropdown-link /* [OFFSIDE-CSS:bf5f836fda] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 38px;
        min-width: 38px;
        min-height: 38px;
        gap: 0;
        justify-content: center;
        padding: 0;
    }

    .varza-site-header .varza-account-dropdown-link::after /* [OFFSIDE-CSS:7511f93428] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .varza-site-header .varza-account-dropdown-link .varza-header-action-label /* [OFFSIDE-CSS:cc80256032] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: none;
    }

    .varza-site-header .varza-account-submenu /* [OFFSIDE-CSS:dec8fb21e9] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: fixed;
        inset-inline-start: auto;
        inset-inline-end: auto;
        top: auto;
        min-width: min(220px, calc(100vw - 32px));
        max-height: 0;
        padding-block: 0;
        overflow: hidden;
        transition: max-height 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease, transform 280ms cubic-bezier(0.22, 1, 0.36, 1), padding 240ms ease, visibility 0s linear 320ms;
    }

    .varza-site-header .varza-account-dropdown:hover > .varza-account-submenu,
    .varza-site-header .varza-account-dropdown:focus-within > .varza-account-submenu /* [OFFSIDE-CSS:e2527af145] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        max-height: 0;
        padding-block: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(7px);
        transition-delay: 0s, 0s, 0s, 0s, 320ms;
    }

    .varza-site-header .varza-account-dropdown.is-open > .varza-account-submenu /* [OFFSIDE-CSS:08f376e835] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        max-height: 420px;
        padding-block: 8px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    .varza-site-header .varza-menu-toggle /* [OFFSIDE-CSS:8ce934529c] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 40px;
        min-width: 40px;
        height: 40px;
        padding: 0;
    }

    .varza-menu-icon /* [OFFSIDE-CSS:cf8606029f] ظاهر منو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: block;
        width: 22px;
        height: 22px;
    }

    .varza-site-header .varza-header-nav li.menu-item-has-children /* [OFFSIDE-CSS:d4a1b0e236] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
    }

    .varza-site-header .varza-header-nav li.menu-item-has-children > a /* [OFFSIDE-CSS:4c7f5f5b76] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-column: 1;
        grid-row: 1;
    }

    .varza-site-header .varza-header-nav .sub-menu,
    .varza-site-header .varza-header-nav li:hover > .sub-menu,
    .varza-site-header .varza-header-nav li:focus-within > .sub-menu /* [OFFSIDE-CSS:5205c661a0] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: static;
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        margin: 0;
        max-height: 0;
        padding: 0 12px;
        list-style: none !important;
        border: 0;
        background: transparent;
        box-shadow: none;
        grid-template-columns: 1fr;
        gap: 2px;
        display: grid !important;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        transform: translateY(-4px);
        transition: max-height 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 280ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1), padding 280ms ease, visibility 0s linear 360ms;
    }

    .varza-site-header .varza-header-nav li.is-submenu-open > .sub-menu /* [OFFSIDE-CSS:392833c131] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: grid !important;
        max-height: min(70vh, 720px);
        padding: 4px 12px 8px;
        overflow-y: auto;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    .varza-site-header .varza-header-nav li.menu-item-has-children.is-submenu-open > a::after,
    .varza-site-header .varza-header-nav li.menu-item-has-children > a[aria-expanded="true"]::after /* [OFFSIDE-CSS:0631a25ec4] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        transform: translateY(3px) rotate(225deg);
    }

    .varza-site-header .varza-header-nav .sub-menu li.menu-item-has-children > a::after /* [OFFSIDE-CSS:nested-submenu-mobile-arrow] فلش زیردسته در موبایل رو به پایین می‌ماند چون محتوا زیر والد باز می‌شود. */
    {
        transform: rotate(45deg);
    }

    .varza-site-header .varza-header-nav .sub-menu a /* [OFFSIDE-CSS:bff4e33e44] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 40px;
        padding: 8px 12px;
        white-space: normal;
        text-decoration: none !important;
    }

    .varza-site-header .varza-header-nav .sub-menu li,
    .varza-site-header .varza-header-nav .sub-menu li::marker /* [OFFSIDE-CSS:7dfcb3027f] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        list-style: none !important;
        content: "";
    }

    .varza-site-header .varza-header-nav .sub-menu a:hover,
    .varza-site-header .varza-header-nav .sub-menu a:focus-visible,
    .varza-site-header .varza-header-nav .sub-menu a:visited /* [OFFSIDE-CSS:895f7abb95] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        text-decoration: none !important;
    }
}

@media (prefers-reduced-motion: reduce) /* [OFFSIDE-CSS:c8abfc651c] شرط نمایش @media (prefers-reduced-motion: reduce)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-header-nav ul ul,
    .varza-header-nav li.menu-item-has-children > a::after,
    .varza-site-header .varza-header-nav,
    .varza-site-header .varza-header-nav .sub-menu,
    .varza-account-submenu /* [OFFSIDE-CSS:e9388d48b2] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        transition-duration: 0.01ms !important;
    }
}

/* Keep placeholder text consistent across native fields and WooCommerce Select2 controls. */
body input::placeholder,
body textarea::placeholder,
body .select2-selection__placeholder,
body .select2-search__field::placeholder /* [OFFSIDE-CSS:425114ee30] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted) !important;
    opacity: 1 !important;
}

/* Keep every customer address form aligned and styled consistently. */
body.woocommerce-cart .woocommerce-shipping-calculator,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-account .woocommerce-address-fields /* [OFFSIDE-CSS:5f35232714] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    direction: rtl;
    text-align: right;
}

body.woocommerce-cart .woocommerce-shipping-calculator .form-row label,
body.woocommerce-checkout .woocommerce-billing-fields .form-row label,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row label,
body.woocommerce-account .woocommerce-address-fields .form-row label /* [OFFSIDE-CSS:bc0e16e7a4] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    text-align: right;
}

body.woocommerce-cart .woocommerce-shipping-calculator input,
body.woocommerce-cart .woocommerce-shipping-calculator select,
body.woocommerce-checkout .woocommerce-billing-fields input,
body.woocommerce-checkout .woocommerce-billing-fields select,
body.woocommerce-checkout .woocommerce-billing-fields textarea,
body.woocommerce-checkout .woocommerce-shipping-fields input,
body.woocommerce-checkout .woocommerce-shipping-fields select,
body.woocommerce-checkout .woocommerce-shipping-fields textarea,
body.woocommerce-account .woocommerce-address-fields input,
body.woocommerce-account .woocommerce-address-fields select,
body.woocommerce-account .woocommerce-address-fields textarea /* [OFFSIDE-CSS:6c4202d191] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    text-align: right;
}

body.woocommerce-checkout .varza-address-city-field,
body.woocommerce-account .varza-address-city-field /* [OFFSIDE-CSS:99f0b23e2c] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    grid-column: 1 / -1;
}

body.woocommerce-checkout .varza-address-city-field .select2-container,
body.woocommerce-account .varza-address-city-field .select2-container /* [OFFSIDE-CSS:be589bb782] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100% !important;
}

body.woocommerce-checkout .woocommerce-address-fields .select2-container .select2-selection--single,
body.woocommerce-account .woocommerce-address-fields .select2-container .select2-selection--single /* [OFFSIDE-CSS:486a7712f8] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    height: 48px;
    min-height: 48px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
}

body.woocommerce-checkout .woocommerce-address-fields .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout .varza-address-city-field .select2-selection--single .select2-selection__rendered,
body.woocommerce-account .woocommerce-address-fields .select2-selection--single .select2-selection__rendered /* [OFFSIDE-CSS:6a5fa62483] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 11px 13px;
    color: var(--varza-color-text);
    direction: rtl;
    text-align: right;
    line-height: 24px;
}

body.woocommerce-cart .select2-dropdown,
body.woocommerce-checkout .select2-dropdown,
body.woocommerce-account .select2-dropdown /* [OFFSIDE-CSS:c6e385437e] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    overflow: hidden;
    border-color: var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
}

body.woocommerce-cart .select2-results__option,
body.woocommerce-checkout .select2-results__option,
body.woocommerce-account .select2-results__option /* [OFFSIDE-CSS:791311d4d4] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 10px 13px;
    color: var(--varza-color-text);
    text-align: right;
}

body.woocommerce-cart .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-account .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-cart .select2-container--default .select2-results__option[aria-selected="true"],
body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected="true"],
body.woocommerce-account .select2-container--default .select2-results__option[aria-selected="true"] /* [OFFSIDE-CSS:7dbddb5cce] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

body.woocommerce-account .select2-container--default .select2-results__option--highlighted,
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted,
body.woocommerce-account .select2-container--default .select2-results__option[aria-selected="true"],
body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected="true"],
body.woocommerce-account .select2-container--default .select2-results__option[data-selected="true"],
body.woocommerce-checkout .select2-container--default .select2-results__option[data-selected="true"] /* [OFFSIDE-CSS:245903ed1e] ظاهر پرداخت؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background-color: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
}

/* WooCommerce order received page. */
body.woocommerce-order-received .woocommerce-order /* [OFFSIDE-CSS:f537b1e12e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    color: var(--varza-color-text);
    direction: rtl;
    text-align: right;
}

body.woocommerce-order-received .woocommerce-order :is(h2, h3) /* [OFFSIDE-CSS:b23be7f03c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    text-align: right;
}

body.woocommerce-order-received h1 /* [OFFSIDE-CSS:c8a122f391] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 42px !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-thankyou-order-failed /* [OFFSIDE-CSS:80250fcdee] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 20px;
    padding: 18px 20px;
    border: 1px solid var(--varza-color-border);
    border-inline-start: 4px solid var(--varza-color-accent);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    line-height: 1.9;
}

body.woocommerce-order-received .woocommerce-thankyou-order-failed /* [OFFSIDE-CSS:370b32fc15] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-inline-start-color: var(--varza-color-danger);
}

body.woocommerce-order-received ul.woocommerce-order-overview /* [OFFSIDE-CSS:a56be1bc49] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

body.woocommerce-order-received ul.woocommerce-order-overview::before,
body.woocommerce-order-received ul.woocommerce-order-overview::after /* [OFFSIDE-CSS:4e9c8906b2] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none;
    content: none;
}

body.woocommerce-order-received ul.woocommerce-order-overview li /* [OFFSIDE-CSS:5d8ba6e951] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    min-width: 0;
    margin: 0;
    padding: 15px 16px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    color: var(--varza-color-muted);
    text-align: right;
    line-height: 1.8;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong /* [OFFSIDE-CSS:296f2be877] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin-top: 5px;
    color: var(--varza-color-text);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

body.woocommerce-order-received ul.woocommerce-order-overview li.total strong /* [OFFSIDE-CSS:baf8ae12a3] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details /* [OFFSIDE-CSS:b31df24e10] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 22px;
    padding: 22px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    color: var(--varza-color-text);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.14);
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title /* [OFFSIDE-CSS:42089cac5c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 16px;
    padding: 0 0 13px;
    border-bottom: 1px solid var(--varza-color-border);
    font-size: 1.1rem;
    font-weight: 800;
}

body.woocommerce-order-received .woocommerce-table--order-details /* [OFFSIDE-CSS:8e6d1c1096] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--varza-color-text);
}

body.woocommerce-order-received .woocommerce-table--order-details th,
body.woocommerce-order-received .woocommerce-table--order-details td /* [OFFSIDE-CSS:3270dd1f02] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 13px 12px;
    border: 0;
    border-bottom: 1px solid var(--varza-color-border);
    background: transparent;
    color: var(--varza-color-text);
    text-align: right;
    vertical-align: middle;
}

body.woocommerce-order-received .woocommerce-table--order-details thead th /* [OFFSIDE-CSS:233d7094b2] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td /* [OFFSIDE-CSS:2080ae2bd3] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td /* [OFFSIDE-CSS:dcc44307c2] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-bottom: 0;
    color: var(--varza-color-accent);
    font-weight: 800;
}

body.woocommerce-order-received .woocommerce-table--order-details a /* [OFFSIDE-CSS:7a3cec6e99] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
    text-decoration-color: var(--varza-color-border);
}

body.woocommerce-order-received .woocommerce-table--order-details a:hover,
body.woocommerce-order-received .woocommerce-table--order-details a:focus-visible /* [OFFSIDE-CSS:1d789966fb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses /* [OFFSIDE-CSS:b86a9a8d4d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
    gap: 16px;
    margin: 0;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses > .woocommerce-column /* [OFFSIDE-CSS:4095db1e6c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    float: none !important;
    flex: initial !important;
    grid-column: auto;
    grid-row: 1;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-order-received .woocommerce-customer-details address /* [OFFSIDE-CSS:9b7d472dc7] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 16px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-muted);
    font-style: normal;
    line-height: 2;
    text-align: right;
}

body.woocommerce-order-received .woocommerce-customer-details address p /* [OFFSIDE-CSS:2b7c0cb3cf] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 8px 0 0;
    color: var(--varza-color-text);
}

body.woocommerce-order-received .woocommerce-thankyou-order-failed-actions a.button /* [OFFSIDE-CSS:e9aaf12385] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 0 8px 8px;
    padding: 9px 18px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-weight: 800;
    text-decoration: none;
}

/* Account sign-in and registration forms. */
body.woocommerce-account .varza-main article > h1 /* [OFFSIDE-CSS:5ece681a6b] ظاهر مقاله؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: clamp(24px, 3vw, 36px);
}

body.woocommerce-account #customer_login.u-columns /* [OFFSIDE-CSS:a983bd0ddb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
    gap: 20px;
    width: 100%;
    margin: 0;
}

/* WooCommerce adds clearfix pseudo-elements; keep them out of the grid tracks. */
body.woocommerce-account #customer_login.u-columns::before,
body.woocommerce-account #customer_login.u-columns::after /* [OFFSIDE-CSS:ebfc09bbf8] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
    content: none !important;
}

body.woocommerce-account #customer_login.u-columns > .u-column1,
body.woocommerce-account #customer_login.u-columns > .u-column2 /* [OFFSIDE-CSS:6bba2e7248] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none !important;
    width: auto !important;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: clamp(18px, 2.2vw, 28px);
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    box-shadow: 0 12px 28px rgba(var(--varza-color-bg-rgb), 0.12);
}

body.woocommerce-account #customer_login.u-columns > .u-column1 > h2,
body.woocommerce-account #customer_login.u-columns > .u-column2 > h2 /* [OFFSIDE-CSS:3a5edb77ac] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 20px;
    padding: 0 0 13px;
    border-bottom: 1px solid var(--varza-color-border);
    color: var(--varza-color-text);
    font-size: 1.1rem;
    font-weight: 800;
    text-align: right;
}

body.woocommerce-account #customer_login form.woocommerce-form-login,
body.woocommerce-account #customer_login form.woocommerce-form-register /* [OFFSIDE-CSS:f8cc855f7c] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}

body.woocommerce-account #customer_login form.woocommerce-form-login .form-row,
body.woocommerce-account #customer_login form.woocommerce-form-register .form-row /* [OFFSIDE-CSS:8e67eb0120] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    float: none;
    width: 100%;
    margin: 0 0 16px;
}

body.woocommerce-account #customer_login form.woocommerce-form-login .form-row label,
body.woocommerce-account #customer_login form.woocommerce-form-register .form-row label /* [OFFSIDE-CSS:d9a563de99] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin: 0 0 7px;
    color: var(--varza-color-text);
    font-size: 0.84rem;
    font-weight: 700;
    text-align: right;
}

body.woocommerce-account #customer_login form.woocommerce-form-login input.input-text,
body.woocommerce-account #customer_login form.woocommerce-form-register input.input-text,
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="text"],
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="email"],
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="password"],
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="tel"],
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="text"],
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="email"],
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="password"],
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="tel"] /* [OFFSIDE-CSS:404c9b2026] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-bg);
    color: var(--varza-color-text);
    font-size: 0.92rem;
    box-shadow: none;
}

body.woocommerce-account #customer_login form.woocommerce-form-login input:-webkit-autofill,
body.woocommerce-account #customer_login form.woocommerce-form-login input:-webkit-autofill:hover,
body.woocommerce-account #customer_login form.woocommerce-form-login input:-webkit-autofill:focus,
body.woocommerce-account #customer_login form.woocommerce-form-register input:-webkit-autofill,
body.woocommerce-account #customer_login form.woocommerce-form-register input:-webkit-autofill:hover,
body.woocommerce-account #customer_login form.woocommerce-form-register input:-webkit-autofill:focus /* [OFFSIDE-CSS:d5c8d04a89] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-text-fill-color: var(--varza-color-text);
    caret-color: var(--varza-color-text);
    box-shadow: 0 0 0 1000px var(--varza-color-bg) inset;
    transition: background-color 9999s ease-out 0s;
}

body.woocommerce-account #customer_login form.woocommerce-form-login input.input-text:focus,
body.woocommerce-account #customer_login form.woocommerce-form-register input.input-text:focus,
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="text"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="email"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="password"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-login input[type="tel"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="text"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="email"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="password"]:focus,
body.woocommerce-account #customer_login form.woocommerce-form-register input[type="tel"]:focus /* [OFFSIDE-CSS:cca1675dab] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1);
}

body.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox /* [OFFSIDE-CSS:a49aa42722] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--varza-color-muted);
    font-size: 0.82rem;
    font-weight: 600;
}

body.woocommerce-account #customer_login input[type="checkbox"] /* [OFFSIDE-CSS:907ac36f37] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-block !important;
    flex: 0 0 17px;
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: 3px !important;
    background: var(--varza-color-bg) !important;
    accent-color: var(--varza-color-accent);
    vertical-align: middle;
    cursor: pointer;
}

body.woocommerce-account #customer_login input[type="checkbox"]:checked /* [OFFSIDE-CSS:bc2ac374c0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent) !important;
    background-color: var(--varza-color-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 2.4 2.4L10 3' fill='none' stroke='%23101500' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
}

body.woocommerce-account #customer_login .woocommerce-button.button,
body.woocommerce-account #customer_login button[type="submit"] /* [OFFSIDE-CSS:07831a0425] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 1px solid var(--varza-color-accent) !important;
    border-radius: var(--varza-radius-control);
    background: var(--varza-color-accent) !important;
    color: var(--varza-color-accent-text) !important;
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

body.woocommerce-account #customer_login .woocommerce-button.button:hover,
body.woocommerce-account #customer_login .woocommerce-button.button:focus-visible,
body.woocommerce-account #customer_login button[type="submit"]:hover,
body.woocommerce-account #customer_login button[type="submit"]:focus-visible /* [OFFSIDE-CSS:82461500d0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent-hover) !important;
    background: var(--varza-color-accent-hover) !important;
    color: var(--varza-color-accent-text) !important;
    filter: none;
}

body.woocommerce-account #customer_login .lost_password,
body.woocommerce-account #customer_login .woocommerce-privacy-policy-text /* [OFFSIDE-CSS:d893eb61ac] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 14px 0 0;
    color: var(--varza-color-muted);
    font-size: 0.8rem;
    line-height: 1.8;
}

body.woocommerce-account #customer_login .lost_password a,
body.woocommerce-account #customer_login .woocommerce-privacy-policy-text a /* [OFFSIDE-CSS:52ec2a862e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    body.woocommerce-account #customer_login.u-columns /* [OFFSIDE-CSS:47558ea6cc] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px;
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    body.woocommerce-account #customer_login.u-columns > .u-column1,
    body.woocommerce-account #customer_login.u-columns > .u-column2 /* [OFFSIDE-CSS:38aa5b3b87] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 17px;
    }

    body.woocommerce-account #customer_login .woocommerce-button.button,
    body.woocommerce-account #customer_login button[type="submit"] /* [OFFSIDE-CSS:4a03a77034] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    body.woocommerce-order-received .woocommerce-order-details,
    body.woocommerce-order-received .woocommerce-customer-details /* [OFFSIDE-CSS:93fd5ae275] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 16px;
    }

    body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses /* [OFFSIDE-CSS:6156212949] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.woocommerce-order-received .woocommerce-table--order-details th,
    body.woocommerce-order-received .woocommerce-table--order-details td /* [OFFSIDE-CSS:dd1f05054d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 10px 7px;
        font-size: 0.86rem;
        overflow-wrap: anywhere;
    }

    body.woocommerce-order-received .woocommerce-table--order-details /* [OFFSIDE-CSS:763750db01] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
        table-layout: fixed;
    }
}

/* Keep the split authentication shell from inheriting WooCommerce's two-column form grid. */
body.woocommerce-account #customer_login.varza-auth-forms /* [OFFSIDE-CSS:5b79467075] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
}

body.woocommerce-account #customer_login.varza-auth-forms > .varza-auth-form /* [OFFSIDE-CSS:f9a925c531] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

/* Auth page controls inherit their sizing from the Varza settings screen. */
body.woocommerce-account .varza-auth-shell #customer_login .woocommerce-button.button,
body.woocommerce-account .varza-auth-shell #customer_login button[type="submit"],
body.woocommerce-account .varza-auth-shell .varza-auth-tabs a /* [OFFSIDE-CSS:eb5ab1bf20] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: var(--varza-auth-button-height, 50px);
    font-size: var(--varza-auth-button-font-size, 16px);
}

/* Chrome paints autofilled controls separately; keep both focus and autofill dark. */
body.woocommerce-account .varza-auth-shell #customer_login form input:-webkit-autofill,
body.woocommerce-account .varza-auth-shell #customer_login form input:-webkit-autofill:hover,
body.woocommerce-account .varza-auth-shell #customer_login form input:-webkit-autofill:focus,
body.woocommerce-account .varza-auth-shell #customer_login form input:-webkit-autofill:active,
body.woocommerce-account .varza-auth-shell #customer_login form input:autofill,
body.woocommerce-account .varza-auth-shell #customer_login form input:autofill:hover,
body.woocommerce-account .varza-auth-shell #customer_login form input:autofill:focus,
body.woocommerce-account .varza-auth-shell #customer_login form input:autofill:active /* [OFFSIDE-CSS:8275eb172b] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-text-fill-color: var(--varza-color-text) !important;
    caret-color: var(--varza-color-text) !important;
    color-scheme: dark;
    background: var(--varza-color-bg, #080a0a) !important;
    background-color: var(--varza-color-bg, #080a0a) !important;
    background-image: linear-gradient(var(--varza-color-bg, #080a0a), var(--varza-color-bg, #080a0a)) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--varza-color-bg, #080a0a) inset !important;
    box-shadow: 0 0 0 1000px var(--varza-color-bg, #080a0a) inset !important;
    transition: background-color 99999s ease-out 0s;
}

body.woocommerce-account .varza-auth-shell #customer_login form input:-webkit-autofill:focus,
body.woocommerce-account .varza-auth-shell #customer_login form input:autofill:focus /* [OFFSIDE-CSS:708edaf9b4] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-box-shadow: 0 0 0 1000px var(--varza-color-bg, #080a0a) inset, 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1) !important;
    box-shadow: 0 0 0 1000px var(--varza-color-bg, #080a0a) inset, 0 0 0 3px rgba(var(--varza-color-accent-rgb), 0.1) !important;
}

/* Keep Digits' OTP fields inside the existing account form design. */
body.woocommerce-account .varza-auth-digits-form .digits_ui,
body.woocommerce-account .varza-auth-digits-form .digits_embed-form,
body.woocommerce-account .varza-auth-digits-form .digits-form_container /* [OFFSIDE-CSS:ef0ebc7fe8] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-family: inherit;
    direction: rtl;
}

body.woocommerce-account .varza-auth-digits-form .digits_ui /* [OFFSIDE-CSS:1358bf09c8] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
}

body.woocommerce-account .varza-auth-digits-form .digits_ui input,
body.woocommerce-account .varza-auth-digits-form .digits_ui button /* [OFFSIDE-CSS:bad43f2ba9] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-family: inherit;
}

body.woocommerce-account .varza-auth-digits-form .digits_ui input /* [OFFSIDE-CSS:7379bebb01] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text);
}

body.woocommerce-account .varza-auth-digits-form .digits_ui button,
body.woocommerce-account .varza-auth-digits-form .digits_ui input[type="submit"] /* [OFFSIDE-CSS:55bc3f1f0d] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: var(--varza-auth-button-height, 50px);
    font-size: var(--varza-auth-button-font-size, 16px);
}

body.woocommerce-account .varza-auth-digits-form .digits_ui a,
body.woocommerce-account .varza-auth-password-note a /* [OFFSIDE-CSS:1ab7bd5c9b] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

body.woocommerce-account #customer_login.varza-auth-forms > .varza-auth-form[hidden] /* [OFFSIDE-CSS:4ad5002f51] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_container /* [OFFSIDE-CSS:3c65073bfd] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --dprimary: var(--varza-color-text);
    --dtitle: var(--varza-color-text);
    --dfield_bg: var(--varza-color-bg, #080a0a);
    --daccent: var(--varza-color-accent);
    --dform_bg: transparent;
    --dbutton_text: var(--varza-color-accent-text);
}

body.woocommerce-account .varza-auth-digits-form--login form.forgot .digits_login_use_email /* [OFFSIDE-CSS:1bf43f94e7] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

body.woocommerce-account .varza-auth-digits-form--login form.forgot .digits-form_body_wrapper > .digits-form_tab_body:has(input[name="digits_email"]) /* [OFFSIDE-CSS:e697b163d5] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

/* Make every Digits form surface follow the Varza account panel, in light or dark browser mode. */
body.woocommerce-account .varza-auth-digits-form .digits-form_page,
body.woocommerce-account .varza-auth-digits-form .digits-form_container,
body.woocommerce-account .varza-auth-digits-form .digits-form_wrapper,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section,
body.woocommerce-account .varza-auth-digits-form form.forgot /* [OFFSIDE-CSS:e860a3bf71] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --dprimary: var(--varza-color-text) !important;
    --dtitle: var(--varza-color-text) !important;
    --dfield_bg: var(--varza-color-bg) !important;
    --daccent: var(--varza-color-accent) !important;
    --dform_bg: transparent !important;
    --dbutton_text: var(--varza-color-accent-text) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-account .varza-auth-digits-form .digits_ui,
body.woocommerce-account .varza-auth-digits-form .digits_embed-form,
body.woocommerce-account .varza-auth-digits-form .digits-form_page,
body.woocommerce-account .varza-auth-digits-form .digits-form_wrapper,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section /* [OFFSIDE-CSS:cf3437a308] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline: auto !important;
    overflow: visible;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_heading,
body.woocommerce-account .varza-auth-digits-form .digits-form_heading_text,
body.woocommerce-account .varza-auth-digits-form .digits-form_input_row,
body.woocommerce-account .varza-auth-digits-form .digits-form_tab_wrapper,
body.woocommerce-account .varza-auth-digits-form .digits-form_tab_container,
body.woocommerce-account .varza-auth-digits-form .digits-form_body,
body.woocommerce-account .varza-auth-digits-form .digits-form_body_wrapper /* [OFFSIDE-CSS:06d3ddc3f0] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    background-color: transparent;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_heading_text,
body.woocommerce-account .varza-auth-digits-form .digits-form_tab-item,
body.woocommerce-account .varza-auth-digits-form label /* [OFFSIDE-CSS:b045b845bf] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-text) !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_input input /* [OFFSIDE-CSS:f5a36d71ff] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-border) !important;
    background-color: var(--varza-color-bg) !important;
    color: var(--varza-color-text) !important;
}

/* Use the site's Persian-digit Vazirmatn font throughout Digits, including generated controls. */
body.woocommerce-account .varza-auth-digits-form .digits_ui,
body.woocommerce-account .varza-auth-digits-form .digits_ui *,
body.woocommerce-account .varza-auth-digits-form .digits_embed-form,
body.woocommerce-account .varza-auth-digits-form .digits_embed-form *,
body.woocommerce-account .varza-auth-digits-form .digits-form_page,
body.woocommerce-account .varza-auth-digits-form .digits-form_page *,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section *,
body.woocommerce-account .varza-auth-digits-form form.forgot,
body.woocommerce-account .varza-auth-digits-form form.forgot * /* [OFFSIDE-CSS:10ac6dd9a4] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-family: "Vazirmatn FaNum", system-ui, sans-serif !important;
}

/* Align Digits text sizing, remove its footer branding, and normalize the remember checkbox. */
body.woocommerce-account .varza-auth-digits-form .digits_ui,
body.woocommerce-account .varza-auth-digits-form .digits_ui *,
body.woocommerce-account .varza-auth-digits-form .digits_embed-form,
body.woocommerce-account .varza-auth-digits-form .digits_embed-form *,
body.woocommerce-account .varza-auth-digits-form .digits-form_page,
body.woocommerce-account .varza-auth-digits-form .digits-form_page *,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section *,
body.woocommerce-account .varza-auth-digits-form form.forgot,
body.woocommerce-account .varza-auth-digits-form form.forgot * /* [OFFSIDE-CSS:10ac6dd9a4] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: var(--varza-font-size-base, 0.94rem) !important;
    line-height: 1.8 !important;
}

body.woocommerce-account .varza-auth-digits-form .digits_site_footer_box,
body.woocommerce-account .varza-auth-digits-form .protected_by_digits /* [OFFSIDE-CSS:836b73d820] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme label,
body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme .dig_input_wrapper /* [OFFSIDE-CSS:3e80ef8ed6] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    vertical-align: middle;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme .dig_input_wrapper /* [OFFSIDE-CSS:1b0a3ed489] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex-direction: row !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme .dig_input_wrapper::before,
body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme .dig_input_wrapper::after /* [OFFSIDE-CSS:3256dcec49] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
    content: none !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme .dig_input_wrapper > div /* [OFFSIDE-CSS:610454ba44] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex: 0 1 auto;
    width: auto !important;
    padding: 0 !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme input[type="checkbox"] /* [OFFSIDE-CSS:175a1ce2f6] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    -webkit-appearance: none !important;
    appearance: none !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    box-sizing: border-box !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--varza-color-muted) !important;
    border-radius: 2px !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer;
}

body.woocommerce-account .varza-auth-shell #customer_login .varza-auth-digits-form .digits_ui .digits-form_rememberme .dig_input_wrapper > input[type="checkbox"] /* [OFFSIDE-CSS:a29fb83883] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    border: 1px solid var(--varza-color-muted) !important;
    border-radius: 2px !important;
    background: transparent !important;
}

body.woocommerce-account .varza-auth-shell #customer_login .varza-auth-digits-form .digits_ui .digits-form_rememberme .dig_input_wrapper > input[type="checkbox"]:checked /* [OFFSIDE-CSS:3a327206c2] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent) !important;
    background: var(--varza-color-accent) !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme input[type="checkbox"]:checked /* [OFFSIDE-CSS:fca13175e1] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent) !important;
    background: var(--varza-color-accent) !important;
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme input[type="checkbox"]:checked::after /* [OFFSIDE-CSS:299575ec67] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 5px;
    height: 9px;
    margin: 2px 5px;
    border: solid var(--varza-color-accent-text);
    border-width: 0 2px 2px 0;
    content: "";
    transform: rotate(45deg);
}

body.woocommerce-account .varza-auth-digits-form .digits-form_rememberme input[type="checkbox"]:focus-visible /* [OFFSIDE-CSS:ffeb0607af] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    outline: 2px solid var(--varza-color-accent) !important;
    outline-offset: 2px;
}

/* Blog index and article layouts follow the Varza dark surface and lime accent. */
.varza-blog-index,
.varza-blog-single /* [OFFSIDE-CSS:b5dfee27a6] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-block: clamp(28px, 5vw, 64px);
}

.varza-blog-hero /* [OFFSIDE-CSS:8b4998c842] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
    padding: clamp(24px, 5vw, 54px);
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: radial-gradient(ellipse at 12% 10%, rgba(var(--varza-color-accent-rgb), 0.12), transparent 44%), var(--varza-color-surface);
}

.varza-blog-hero h1,
.varza-blog-post-header h1 /* [OFFSIDE-CSS:af441e109d] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-text);
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.35;
}

.varza-blog-hero .varza-eyebrow,
.varza-blog-post-header .varza-eyebrow /* [OFFSIDE-CSS:b97e5b0a48] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 8px;
    color: var(--varza-color-accent);
    font-weight: 700;
}

.varza-blog-intro /* [OFFSIDE-CSS:06cb94e0e0] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 620px;
    margin: 12px 0 0;
    color: var(--varza-color-muted);
}

.varza-blog-hero-mark /* [OFFSIDE-CSS:ab484e993b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex: 0 1 var(--varza-logo-width, 180px);
    min-width: 0;
    align-items: center;
    justify-content: center;
}

.varza-blog-hero-logo /* [OFFSIDE-CSS:f1b569960c] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    max-height: min(120px, var(--varza-logo-width, 180px));
    object-fit: contain;
}

.varza-blog-featured /* [OFFSIDE-CSS:18d0583836] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    height: clamp(380px, 34vw, 520px);
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-blog-featured-image,
.varza-blog-card-image /* [OFFSIDE-CSS:78751d67d0] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    min-width: 0;
    overflow: hidden;
    background: var(--varza-color-bg);
}

.varza-blog-featured-image /* [OFFSIDE-CSS:618b744b85] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 340px;
}

.varza-blog-featured-image img,
.varza-blog-card-image img /* [OFFSIDE-CSS:ddb2073655] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 220ms ease;
}

.varza-blog-featured-image:hover img,
.varza-blog-card-image:hover img /* [OFFSIDE-CSS:d6a498bfc4] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    transform: scale(1.035);
}

.varza-blog-featured-copy /* [OFFSIDE-CSS:1653a8c8ec] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    align-self: center;
    padding: clamp(22px, 4vw, 42px);
}

.varza-blog-kicker /* [OFFSIDE-CSS:cf33d1ccf0] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    margin: 0 0 10px;
    padding: 3px 10px;
    border: 1px solid rgba(var(--varza-color-accent-rgb), 0.3);
    border-radius: 999px;
    color: var(--varza-color-accent);
    font-size: 0.78rem;
}

.varza-blog-featured-copy h2,
.varza-blog-card h3 /* [OFFSIDE-CSS:44ff53d523] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-text);
    font-size: clamp(1.2rem, 2.2vw, 1.75rem);
    line-height: 1.55;
}

.varza-blog-featured-copy h2 a,
.varza-blog-card h3 a /* [OFFSIDE-CSS:14b35e7932] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    text-decoration: none;
}

.varza-blog-featured-copy h2 a:hover,
.varza-blog-card h3 a:hover /* [OFFSIDE-CSS:c78a1c7444] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-blog-featured-copy > p:not(.varza-blog-kicker),
.varza-blog-card-copy > p /* [OFFSIDE-CSS:059cec8be4] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 14px 0;
    color: var(--varza-color-muted);
    line-height: 1.9;
}

.varza-blog-meta /* [OFFSIDE-CSS:14abf28fc5] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: var(--varza-color-muted);
    font-size: 0.78rem;
}

.varza-blog-read-more /* [OFFSIDE-CSS:7dd027cb26] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--varza-color-accent);
    font-weight: 700;
    text-decoration: none;
}

.varza-blog-read-more:hover,
.varza-blog-read-more:focus-visible /* [OFFSIDE-CSS:1492659d43] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent-hover);
}

.varza-blog-latest /* [OFFSIDE-CSS:3182b3a7c7] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: clamp(38px, 6vw, 68px);
}

.varza-blog-section-heading /* [OFFSIDE-CSS:709488cdcd] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.varza-blog-section-heading .varza-eyebrow /* [OFFSIDE-CSS:b2299dcb8c] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 4px;
    color: var(--varza-color-accent);
    font-size: 0.8rem;
}

.varza-blog-section-heading h2,
.varza-blog-related h2 /* [OFFSIDE-CSS:958302bc10] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    color: var(--varza-color-text);
    font-size: 1.25rem;
}

.varza-blog-section-heading > span /* [OFFSIDE-CSS:0ea3439f69] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.82rem;
}

.varza-blog-grid /* [OFFSIDE-CSS:6d893ad42e] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.varza-blog-card /* [OFFSIDE-CSS:68680636e6] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-blog-card-image /* [OFFSIDE-CSS:041bd857bb] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    aspect-ratio: 16 / 10;
}

.varza-blog-card-copy /* [OFFSIDE-CSS:372a171a66] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 16px;
}

.varza-blog-card h3 /* [OFFSIDE-CSS:ce9ec022bf] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 10px;
    font-size: 1rem;
}

.varza-blog-card-copy > p /* [OFFSIDE-CSS:1193b8ecbb] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 9px 0 12px;
    font-size: 0.86rem;
}

.varza-blog-post-header /* [OFFSIDE-CSS:97f07a9628] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 24px;
}

.varza-blog-post-header .varza-blog-meta /* [OFFSIDE-CSS:69d71c254a] ظاهر هدر؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 14px;
}

.varza-blog-post-layout /* [OFFSIDE-CSS:0c5cddb3c4] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
    align-items: start;
    gap: 24px;
}

.varza-blog-article /* [OFFSIDE-CSS:e9b60c121e] ظاهر مقاله؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-blog-cover /* [OFFSIDE-CSS:ab8804e9f5] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    aspect-ratio: 16 / 8;
    overflow: hidden;
    background: var(--varza-color-bg);
}

.varza-blog-cover img /* [OFFSIDE-CSS:afdb14811c] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.varza-blog-entry-content /* [OFFSIDE-CSS:f93fcf0127] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: clamp(20px, 4vw, 44px);
    color: var(--varza-color-text);
    font-size: 0.96rem;
    line-height: 2.1;
}

.varza-blog-entry-content > :first-child /* [OFFSIDE-CSS:e799fb42a0] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 0;
}

.varza-blog-entry-content h2,
.varza-blog-entry-content h3 /* [OFFSIDE-CSS:e87ad01c80] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    scroll-margin-top: 100px;
    color: var(--varza-color-accent);
    line-height: 1.6;
}

.varza-blog-entry-content h2 /* [OFFSIDE-CSS:ad4863ecd8] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 36px 0 12px;
    font-size: 1.35rem;
}

.varza-blog-entry-content h3 /* [OFFSIDE-CSS:4e4c7a3150] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 24px 0 8px;
    font-size: 1.08rem;
}

.varza-blog-entry-content p /* [OFFSIDE-CSS:db6f8d5282] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 16px;
    color: var(--varza-color-text);
}

.varza-blog-entry-content ul,
.varza-blog-entry-content ol /* [OFFSIDE-CSS:11e4b995d9] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-inline-start: 24px;
}

.varza-blog-entry-content li::marker /* [OFFSIDE-CSS:50ff988ae9] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-blog-entry-content a /* [OFFSIDE-CSS:170b433464] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-blog-sidebar /* [OFFSIDE-CSS:ba2557e288] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: sticky;
    top: 24px;
    display: grid;
    gap: 16px;
}

.varza-toc,
.varza-blog-related /* [OFFSIDE-CSS:56b83b86b0] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 18px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
}

.varza-toc h2,
.varza-blog-related h2 /* [OFFSIDE-CSS:ceda95c030] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0 0 12px;
    color: var(--varza-color-text);
    font-size: 1rem;
}

.varza-toc h2::after /* [OFFSIDE-CSS:e166cc6359] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 8px;
    background: var(--varza-color-accent);
    content: "";
}

.varza-toc ol /* [OFFSIDE-CSS:3ad3754422] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.varza-toc li /* [OFFSIDE-CSS:6fbed81ac4] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 0;
    border-radius: 5px;
}

.varza-toc li.varza-toc-level-3 /* [OFFSIDE-CSS:bc20147371] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-inline-start: 12px;
}

.varza-toc a /* [OFFSIDE-CSS:456dcbb04f] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    padding: 5px 8px;
    color: var(--varza-color-muted);
    font-size: 0.82rem;
    line-height: 1.7;
    text-decoration: none;
}

.varza-toc a:hover,
.varza-toc a:focus-visible /* [OFFSIDE-CSS:a908b05c94] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: rgba(var(--varza-color-accent-rgb), 0.08);
    color: var(--varza-color-accent);
}

.varza-blog-related h2 /* [OFFSIDE-CSS:7c152abfce] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-bottom: 8px;
}

.varza-blog-related-item /* [OFFSIDE-CSS:aac41be553] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--varza-color-border);
    color: var(--varza-color-text);
    text-decoration: none;
}

.varza-blog-related-item:last-child /* [OFFSIDE-CSS:f770536be2] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-bottom: 0;
    border-bottom: 0;
}

.varza-blog-related-item img /* [OFFSIDE-CSS:b9d42a774a] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 6px;
    background: var(--varza-color-bg);
    object-fit: cover;
}

.varza-blog-related-item span /* [OFFSIDE-CSS:11e3bf0d22] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    gap: 4px;
}

.varza-blog-related-item strong /* [OFFSIDE-CSS:41d91d52ab] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: 0.78rem;
    line-height: 1.6;
}

.varza-blog-related-item small /* [OFFSIDE-CSS:cbd81f15db] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-muted);
    font-size: 0.7rem;
}

.varza-blog-related-item:hover strong /* [OFFSIDE-CSS:53e01b559b] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

.varza-blog-pagination ul /* [OFFSIDE-CSS:3d1ca80072] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.varza-blog-pagination a,
.varza-blog-pagination span /* [OFFSIDE-CSS:356c7d20dd] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-control);
    color: var(--varza-color-text);
    text-decoration: none;
}

.varza-blog-pagination .current,
.varza-blog-pagination a:hover /* [OFFSIDE-CSS:1f72a0b9d4] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: var(--varza-color-accent);
    background: var(--varza-color-accent);
    color: var(--varza-color-accent-text);
}

.varza-blog-empty /* [OFFSIDE-CSS:3d859ab259] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding: 36px;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: var(--varza-color-surface);
    text-align: center;
}

.varza-blog-empty h2 /* [OFFSIDE-CSS:1d22323c1e] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    color: var(--varza-color-accent);
}

@media (max-width: 991px) /* [OFFSIDE-CSS:9f3b74f11b] شرط نمایش @media (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-blog-grid /* [OFFSIDE-CSS:ffce3393ad] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .varza-blog-post-layout /* [OFFSIDE-CSS:b6e130533b] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr) 250px;
        gap: 16px;
    }
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-blog-hero-mark /* [OFFSIDE-CSS:e649fa2b4b] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-basis: var(--varza-logo-mobile-width, 120px);
    }

    .varza-blog-hero-logo /* [OFFSIDE-CSS:66440e2b98] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        max-height: min(90px, var(--varza-logo-mobile-width, 120px));
    }

    .varza-blog-featured /* [OFFSIDE-CSS:34118e6395] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        height: auto;
        grid-template-columns: minmax(0, 1fr);
    }

    .varza-blog-featured-image /* [OFFSIDE-CSS:a2b53513ad] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .varza-blog-post-layout /* [OFFSIDE-CSS:5880391b99] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        display: flex;
        flex-direction: column;
    }

    .varza-blog-sidebar /* [OFFSIDE-CSS:033270fc97] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        position: static;
        order: -1;
        width: 100%;
    }

    .varza-blog-article /* [OFFSIDE-CSS:42a4362c9c] ظاهر مقاله؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }

    .varza-blog-cover /* [OFFSIDE-CSS:61b762bf08] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 575px) /* [OFFSIDE-CSS:1893886d4c] شرط نمایش @media (max-width: 575px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-blog-hero-mark /* [OFFSIDE-CSS:5069d8be00] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-basis: min(var(--varza-logo-mobile-width, 120px), 24vw);
    }

    .varza-blog-grid /* [OFFSIDE-CSS:cf68a16e58] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr);
    }

    .varza-blog-featured-copy /* [OFFSIDE-CSS:8b55325897] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 20px;
    }

    .varza-blog-entry-content /* [OFFSIDE-CSS:f2bea2d5a7] ظاهر وبلاگ؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        padding: 20px 16px;
        font-size: 0.9rem;
    }
}

body.tax-product_cat #varza-primary-menu .varza-product-category-menu-parent > a /* [OFFSIDE-CSS:e018e8d46b] ظاهر محصول و کارت/حلقه؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    border-color: color-mix(in srgb, var(--varza-color-accent) 45%, var(--varza-color-border)) !important;
    background-color: rgba(var(--varza-color-accent-rgb), 0.13) !important;
    color: var(--varza-color-accent) !important;
}

/* A useful destination for broken or outdated links. */
.varza-not-found /* [OFFSIDE-CSS:d75b817b20] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    align-items: center;
    min-height: 65vh;
    padding-block: clamp(48px, 7vw, 96px);
}

.varza-not-found-panel /* [OFFSIDE-CSS:104e0aa562] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.55fr);
    align-items: center;
    gap: clamp(24px, 5vw, 80px);
    overflow: hidden;
    border: 1px solid var(--varza-color-border);
    border-radius: var(--varza-radius-card);
    background: radial-gradient(circle at 80% 20%, rgba(var(--varza-color-accent-rgb), 0.12), transparent 42%), var(--varza-color-surface);
    padding: clamp(28px, 5vw, 72px);
    box-shadow: 0 24px 56px rgba(var(--varza-color-bg-rgb), 0.22);
}

.varza-not-found-content /* [OFFSIDE-CSS:432a818b5e] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
}

.varza-not-found-content h1 /* [OFFSIDE-CSS:6c68f45fa0] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 8px 0 16px;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.2;
    text-wrap: balance;
}

.varza-not-found-description /* [OFFSIDE-CSS:1ec378298d] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 52ch;
    margin: 0;
    color: var(--varza-color-muted);
    line-height: 1.9;
}

.varza-not-found-search /* [OFFSIDE-CSS:998a95bfda] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    max-width: 520px;
    margin-top: 32px;
}

.varza-not-found-search label /* [OFFSIDE-CSS:8ec856b10a] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

.varza-not-found-search-row /* [OFFSIDE-CSS:107d3a221c] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: flex;
    gap: 10px;
}

.varza-not-found-search-row input /* [OFFSIDE-CSS:98a91ed429] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-width: 0;
    min-height: 48px;
    flex: 1;
}

.varza-not-found-search-row button /* [OFFSIDE-CSS:015fb5b701] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    min-height: 48px;
    flex: 0 0 auto;
}

.varza-not-found-actions /* [OFFSIDE-CSS:373787f825] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin-top: 26px;
}

.varza-not-found-number /* [OFFSIDE-CSS:5b7d7335da] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    color: var(--varza-color-accent);
    font-size: clamp(7rem, 16vw, 15rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.08em;
    text-align: center;
    text-shadow: 0 0 64px rgba(var(--varza-color-accent-rgb), 0.16);
    white-space: nowrap;
}

@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-not-found-panel /* [OFFSIDE-CSS:f49fe4a7fb] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }

    .varza-not-found-number /* [OFFSIDE-CSS:e76fcdff86] ظاهر پایه، فونت و کنترل عمومی؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        grid-row: 1;
        font-size: clamp(5rem, 28vw, 9rem);
        text-align: right;
    }
}

@media (max-width: 480px) /* [OFFSIDE-CSS:0dcff533c6] شرط نمایش @media (max-width: 480px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-not-found-search-row /* [OFFSIDE-CSS:34f326a15b] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        flex-direction: column;
    }

    .varza-not-found-search-row button,
    .varza-not-found-actions .varza-button /* [OFFSIDE-CSS:12f46e95fb] ظاهر جست‌وجو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
        width: 100%;
    }
}


/* Let the account tabs name the forms and keep login/register fields aligned. */
body.woocommerce-account .varza-auth-digits-form--login .digits-form_login > .digits-form_heading,
body.woocommerce-account .varza-auth-digits-form--signup .digits-form_register > .digits-form_heading /* [OFFSIDE-CSS:2c91d020cf] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: none !important;
}

body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section.digloginpage,
body.woocommerce-account .varza-auth-digits-form form.digits_form_index_section.digits_register /* [OFFSIDE-CSS:bba8c52312] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    box-sizing: border-box !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Keep regular Digits fields aligned while preserving calculated phone-field spacing. */
body.woocommerce-account .varza-auth-digits-form .digits-form_input_row:not(.digits-mobile_wrapper):not(:has(.digits-mobile_wrapper)) .digits-form_input:not(.digits-form_countrycode) > input /* [OFFSIDE-CSS:1d05c14d37] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    box-sizing: border-box !important;
    min-height: 50px !important;
    border: 1px solid var(--varza-color-border) !important;
    border-radius: 12px !important;
    background-color: var(--varza-color-bg) !important;
    padding-inline: 16px !important;
    color: var(--varza-color-text) !important;
}


/* Keep the additional Digits family-name field consistent with its native fields. */
body.woocommerce-account .varza-auth-digits-form #offside-digits-last-name /* [OFFSIDE-CSS:7a9daec2f3] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    width: 100%;
    margin-block: 12px;
}


/* Keep Digits password visibility toggles on the left in the RTL account forms. */
body.woocommerce-account .varza-auth-digits-form .digits_password_eye /* [OFFSIDE-CSS:af4b8678af] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    right: auto !important;
    left: 14px !important;
}

/* Keep the country-code selector compact and align the phone number with its edge. */
body.woocommerce-account .varza-auth-digits-form .digits-mobile_wrapper /* [OFFSIDE-CSS:f5f5b854d3] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --varza-digits-country-code-width: 90px;
}
body.woocommerce-account .varza-auth-digits-form .digits-mobile_wrapper .digits-form_countrycode > input.countrycode /* [OFFSIDE-CSS:879b8482d6] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    box-sizing: border-box !important;
    width: var(--varza-digits-country-code-width) !important;
    min-width: var(--varza-digits-country-code-width) !important;
    max-width: var(--varza-digits-country-code-width) !important;
}
body.woocommerce-account .varza-auth-digits-form .digits-mobile_wrapper .digits-form_input:not(.digits-form_countrycode) > input.mobile_field /* [OFFSIDE-CSS:f56673aac1] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    padding-left: var(--varza-digits-country-code-width) !important;
}

/* Keep Digits' login method labels in natural Persian right-to-left order. */
body.woocommerce-account .varza-auth-digits-form--login .digits-form_tab-item /* [OFFSIDE-CSS:88de791da3] ظاهر حساب و ورود؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    direction: rtl !important;
    unicode-bidi: isolate;
    text-align: center;
}