/* ═══ product-dark.css — جداشده از main.css (خطوط 8142-8888 نسخهٔ v1.1.267) بدون هیچ تغییری در محتوا/ترتیب.
   دارک‌مود محصول v65/66 + سطوح شیشه‌ای + هماهنگی فوتر
   ترتیب لود (زنجیرهٔ dependency در functions.php) = ترتیب قبلی داخل main.css. ═══ */
/* ═══════════════════════════════════════
   FIX v63 — Single product SAFE dark mode
   این نسخه از v61 ساخته شده تا layout اصلی محصول دست نخورد.
   فقط رنگ‌ها در حالت تاریک تغییر می‌کنند؛ padding/grid/display/height فرم‌ها override نمی‌شود.
═══════════════════════════════════════ */

html[data-hg-theme="dark"] body.single-product{
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb,var(--vy-muted) 7.5%,transparent), transparent 32%),
        radial-gradient(circle at 10% 80%, color-mix(in srgb,var(--vy-muted) 4.5%,transparent), transparent 28%),
        linear-gradient(180deg,var(--vy-subtle),var(--vy-paper))!important;
    color:var(--vy-ink)!important;
}

/* page surfaces — color only */
html[data-hg-theme="dark"] body.single-product .product-page,
html[data-hg-theme="dark"] body.single-product .product-image,
html[data-hg-theme="dark"] body.single-product .product-info,
html[data-hg-theme="dark"] body.single-product .related-section{
    background:transparent!important;
    color:var(--vy-ink)!important;
}

/* main image — no layout change */
html[data-hg-theme="dark"] body.single-product .main-image{
    background:
        radial-gradient(circle at 80% 0%, color-mix(in srgb,var(--vy-muted) 11%,transparent), transparent 34%),
        var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
    box-shadow:var(--vy-shadow)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .main-image img{
    filter:brightness(.92) contrast(1.04)!important;
}

/* product title */
html[data-hg-theme="dark"] body.single-product .prod-name,
html[data-hg-theme="dark"] body.single-product .product-title-block,
html[data-hg-theme="dark"] body.single-product .section-label{
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .prod-cat{
    background:color-mix(in srgb,var(--vy-elevated) 76%,transparent)!important;
    color:var(--vy-muted)!important;
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .divider{
    background:var(--vy-line)!important;
    border-color:var(--vy-line)!important;
}

/* variation groups — preserve original rounded shape; colors only */
html[data-hg-theme="dark"] body.single-product .var-group{
    background:var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .var-group-label{
    color:var(--vy-muted)!important;
}
html[data-hg-theme="dark"] body.single-product .var-selected-label{
    background:var(--vy-subtle)!important;
    border-color:var(--vy-line)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .var-btn{
    background:var(--vy-subtle)!important;
    color:var(--vy-muted)!important;
    border-color:var(--vy-line)!important;
    box-shadow:none!important;
}
html[data-hg-theme="dark"] body.single-product .var-btn:hover{
    background:var(--vy-hover)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .var-btn.active,
html[data-hg-theme="dark"] body.single-product .var-btn[aria-pressed="true"]{
    background:var(--vy-brand)!important;
    color:var(--vy-on-brand)!important;
    border-color:var(--vy-brand-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}

/* purchase card — preserve original structure */
html[data-hg-theme="dark"] body.single-product .purchase-card,
html[data-hg-theme="dark"] body.single-product .buy-summary{
    background:var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
    box-shadow:var(--vy-shadow)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .btn-add{
    background:var(--vy-brand)!important;
    color:var(--vy-on-brand)!important;
    border-color:var(--vy-brand-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}
html[data-hg-theme="dark"] body.single-product .btn-add:disabled,
html[data-hg-theme="dark"] body.single-product .btn-add[disabled]{
    background:var(--vy-disabled-bg)!important;
    color:var(--vy-disabled-text)!important;
    border-color:var(--vy-line)!important;
    box-shadow:none!important;
    opacity:1!important;
}
html[data-hg-theme="dark"] body.single-product .buy-label,
html[data-hg-theme="dark"] body.single-product .buy-price,
html[data-hg-theme="dark"] body.single-product .buy-price-main,
html[data-hg-theme="dark"] body.single-product .buy-price-unit{
    color:inherit!important;
}
html[data-hg-theme="dark"] body.single-product .btn-add svg,
html[data-hg-theme="dark"] body.single-product .buy-label svg{
    stroke:currentColor!important;
}

/* offer chips */
html[data-hg-theme="dark"] body.single-product .regular-price{
    color:var(--vy-muted-2)!important;
}
html[data-hg-theme="dark"] body.single-product .discount-chip{
    background:var(--vy-danger-soft)!important;
    color:var(--vy-danger)!important;
    border-color:var(--vy-danger-line)!important;
}
html[data-hg-theme="dark"] body.single-product .save-chip{
    background:var(--vy-warning-soft)!important;
    color:var(--vy-warning)!important;
    border-color:var(--vy-warning-line)!important;
}
html[data-hg-theme="dark"] body.single-product .unavailable-note{
    background:var(--vy-danger-soft)!important;
    color:var(--vy-danger)!important;
    border-color:var(--vy-danger-line)!important;
}

/* trust items */
html[data-hg-theme="dark"] body.single-product .purchase-trust{
    background:transparent!important;
}
html[data-hg-theme="dark"] body.single-product .trust-item{
    background:var(--vy-subtle)!important;
    color:var(--vy-muted)!important;
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .trust-item svg{
    stroke:var(--vy-success)!important;
}

/* accordions and text cards — preserve shape */
html[data-hg-theme="dark"] body.single-product .desc-card,
html[data-hg-theme="dark"] body.single-product .info-card,
html[data-hg-theme="dark"] body.single-product .delivery-col-card,
html[data-hg-theme="dark"] body.single-product .delivery-mobile-card{
    background:var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .desc-toggle{
    background:transparent!important;
    color:var(--vy-ink)!important;
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .desc-toggle-inner{
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .desc-toggle svg,
html[data-hg-theme="dark"] body.single-product .desc-arrow{
    color:var(--vy-muted)!important;
    stroke:currentColor!important;
}
html[data-hg-theme="dark"] body.single-product .desc-body{
    background:transparent!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .desc-text,
html[data-hg-theme="dark"] body.single-product .info-text,
html[data-hg-theme="dark"] body.single-product .desc-text p,
html[data-hg-theme="dark"] body.single-product .desc-text li{
    color:var(--vy-muted)!important;
}
html[data-hg-theme="dark"] body.single-product .desc-text h1,
html[data-hg-theme="dark"] body.single-product .desc-text h2,
html[data-hg-theme="dark"] body.single-product .desc-text h3,
html[data-hg-theme="dark"] body.single-product .desc-text strong{
    color:var(--vy-ink)!important;
}

/* related products */
html[data-hg-theme="dark"] body.single-product .section-link{
    background:var(--vy-subtle)!important;
    color:var(--vy-muted)!important;
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-card{
    background:var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-img{
    background:var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-img img{
    filter:brightness(.92) contrast(1.04)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-cat{
    color:var(--vy-muted)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-name,
html[data-hg-theme="dark"] body.single-product .rel-price,
html[data-hg-theme="dark"] body.single-product .rel-price ins,
html[data-hg-theme="dark"] body.single-product .rel-price .woocommerce-Price-amount{
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-price del{
    color:var(--vy-muted-2)!important;
}
html[data-hg-theme="dark"] body.single-product .rel-sale-badge,
html[data-hg-theme="dark"] body.single-product .badge-sale{
    background:var(--vy-warning-soft)!important;
    color:var(--vy-warning)!important;
    border-color:var(--vy-warning-line)!important;
}

/* drawer */
html[data-hg-theme="dark"] body.single-product .info-drawer{
    background:var(--vy-surface)!important;
    color:var(--vy-ink)!important;
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .info-drawer-header{
    border-color:var(--vy-line)!important;
}
html[data-hg-theme="dark"] body.single-product .info-drawer-title,
html[data-hg-theme="dark"] body.single-product .info-drawer-body{
    color:var(--vy-ink)!important;
}
html[data-hg-theme="dark"] body.single-product .info-drawer-body p,
html[data-hg-theme="dark"] body.single-product .info-drawer-body li{
    color:var(--vy-muted)!important;
}
html[data-hg-theme="dark"] body.single-product .info-drawer-close{
    background:var(--vy-subtle)!important;
    color:var(--vy-ink)!important;
    border-color:var(--vy-line)!important;
}

/* Woo notices */
html[data-hg-theme="dark"] body.single-product .woocommerce-message,
html[data-hg-theme="dark"] body.single-product .woocommerce-info,
html[data-hg-theme="dark"] body.single-product .woocommerce-error{
    background:var(--vy-surface)!important;
    color:var(--vy-ink)!important;
    border-color:var(--vy-line)!important;
}

/* Important: never change form/layout geometry in this patch */


/* ═══════════════════════════════════════
   FIX v64 — remove dark rectangular blocks around variation fields in dark mode
═══════════════════════════════════════ */
html[data-hg-theme="dark"] body.single-product .var-group{
    background:transparent!important;
    border:0!important;
    border-color:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    border-radius:0!important;
}
html[data-hg-theme="dark"] body.single-product .var-options{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
html[data-hg-theme="dark"] body.single-product .var-group-label{
    color:var(--vy-text-secondary)!important;
}
html[data-hg-theme="dark"] body.single-product .var-selected-label{
    background:var(--vy-subtle)!important;
    border:1px solid var(--vy-line)!important;
    color:var(--vy-ink)!important;
    padding:4px 10px!important;
    border-radius:999px!important;
    line-height:1.2!important;
}
html[data-hg-theme="dark"] body.single-product .var-btn{
    background:var(--vy-elevated)!important;
    color:var(--vy-muted)!important;
    border:1px solid var(--vy-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}
html[data-hg-theme="dark"] body.single-product .var-btn:hover{
    background:var(--vy-hover)!important;
    border-color:var(--vy-line-strong)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}
html[data-hg-theme="dark"] body.single-product .var-btn.active,
html[data-hg-theme="dark"] body.single-product .var-btn[aria-pressed="true"]{
    background:var(--vy-brand)!important;
    color:var(--vy-on-brand)!important;
    border-color:var(--vy-brand-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}


/* ═══════════════════════════════════════
   FIX v65 — Single product category hidden + buy-summary dark fix
   1) prod-cat visually hidden, still in DOM.
   2) purchase/buy-summary dark mode returns to original shape; only colors fixed.
═══════════════════════════════════════ */

/* hide product category chip visually but keep text in DOM for accessibility/SEO */
.single-product .product-title-block .prod-cat{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* buy-summary: no extra dark rectangle; keep original layout */
html[data-hg-theme="dark"] body.single-product .purchase-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:var(--vy-ink)!important;
}

html[data-hg-theme="dark"] body.single-product .buy-summary{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:var(--vy-ink)!important;
    padding:0!important;
}

/* Add button dark state — preserve shape, fix color */
html[data-hg-theme="dark"] body.single-product .btn-add{
    background:var(--vy-brand)!important;
    color:var(--vy-on-brand)!important;
    border:1px solid var(--vy-brand-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}

html[data-hg-theme="dark"] body.single-product .btn-add:hover:not(:disabled){
    background:var(--vy-brand-hover)!important;
    box-shadow:var(--vy-shadow)!important;
}

html[data-hg-theme="dark"] body.single-product .btn-add:disabled,
html[data-hg-theme="dark"] body.single-product .btn-add[disabled]{
    background:var(--vy-disabled-bg)!important;
    color:var(--vy-disabled-text)!important;
    border:1px solid var(--vy-line)!important;
    box-shadow:none!important;
    opacity:1!important;
    cursor:not-allowed!important;
}

/* price area inside the button should not look like broken separate field */
html[data-hg-theme="dark"] body.single-product .buy-price{
    background:color-mix(in srgb,var(--vy-on-brand) 12%,transparent)!important;
    border-color:color-mix(in srgb,var(--vy-on-brand) 18%,transparent)!important;
    color:inherit!important;
}
html[data-hg-theme="dark"] body.single-product .btn-add:disabled .buy-price,
html[data-hg-theme="dark"] body.single-product .btn-add[disabled] .buy-price{
    background:var(--vy-subtle)!important;
    border-color:var(--vy-line)!important;
    color:var(--vy-disabled-text)!important;
}

html[data-hg-theme="dark"] body.single-product .buy-label,
html[data-hg-theme="dark"] body.single-product .buy-label span,
html[data-hg-theme="dark"] body.single-product .buy-price-main,
html[data-hg-theme="dark"] body.single-product .buy-price-unit{
    color:inherit!important;
}

html[data-hg-theme="dark"] body.single-product .buy-label svg,
html[data-hg-theme="dark"] body.single-product .btn-add svg{
    stroke:currentColor!important;
}

/* offer row should not reserve a visible dark box when empty */
html[data-hg-theme="dark"] body.single-product .buy-meta-row,
html[data-hg-theme="dark"] body.single-product .buy-offers{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* trust row: soft chips, not a dark rectangle */
html[data-hg-theme="dark"] body.single-product .purchase-trust{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
html[data-hg-theme="dark"] body.single-product .trust-item{
    background:var(--vy-subtle)!important;
    border:1px solid var(--vy-line)!important;
    color:var(--vy-muted)!important;
    box-shadow:none!important;
}
html[data-hg-theme="dark"] body.single-product .trust-item svg{
    stroke:var(--vy-success)!important;
}




/* ═══════════════════════════════════════
   FIX v66 — Unified light palette for products and single product
   هدف: در حالت روشن، باکس محصولات و صفحه محصول از یک خانواده رنگی باشند.
   فقط رنگ/سایه/بوردر اصلاح می‌شود؛ layout و فرم‌ها دست نمی‌خورند.
═══════════════════════════════════════ */

:root{
    /*
     * Legacy product aliases now resolve from the central Vaslyar semantics.
     * Their values switch automatically when the root theme changes.
     */
    --hg-u-page:var(--vy-paper);
    --hg-u-page-2:var(--vy-subtle);
    --hg-u-surface:color-mix(in srgb,var(--vy-surface) 82%,transparent);
    --hg-u-surface-solid:var(--vy-surface);
    --hg-u-surface-2:color-mix(in srgb,var(--vy-elevated) 70%,transparent);
    --hg-u-soft:var(--vy-subtle);
    --hg-u-line:var(--vy-line);
    --hg-u-line-soft:color-mix(in srgb,var(--vy-line) 70%,transparent);
    --hg-u-ink:var(--vy-ink);
    --hg-u-muted:var(--vy-muted);
    --hg-u-muted-2:var(--vy-muted-2);
    --hg-u-shadow:var(--vy-shadow);
    --hg-u-shadow-soft:var(--vy-shadow-soft);
}

/* Shared page backgrounds for product archive, category and single product. */
body.hg-product-archive,
body.single-product{
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb,var(--vy-ink) 5%,transparent), transparent 32%),
        linear-gradient(180deg,var(--hg-u-page),var(--hg-u-page))!important;
    color:var(--hg-u-ink)!important;
}

/* Shop/category cards: match header glass in light mode */
body.hg-product-archive .sidebar-card,
body.hg-product-archive .sidebar-section,
body.hg-product-archive .shop-topbar,
body.hg-product-archive .product-card,
body.hg-product-archive .plist-item{
    background:var(--hg-u-surface)!important;
    border-color:var(--hg-u-line)!important;
    box-shadow:var(--hg-u-shadow)!important;
    color:var(--hg-u-ink)!important;
    backdrop-filter:blur(16px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.03)!important;
}
body.hg-product-archive .pcard-img,
body.hg-product-archive .plist-thumb{
    background:linear-gradient(145deg,var(--hg-u-surface-solid),var(--hg-u-soft))!important;
    border-color:var(--hg-u-line-soft)!important;
}
body.hg-product-archive .pcard-body,
body.hg-product-archive .plist-info,
body.hg-product-archive .plist-actions{
    background:transparent!important;
}
body.hg-product-archive .pcard-name,
body.hg-product-archive .plist-name{
    color:var(--hg-u-ink)!important;
}
body.hg-product-archive .pcard-cat,
body.hg-product-archive .plist-cat,
body.hg-product-archive .result-count{
    color:var(--hg-u-muted)!important;
}

/* Category hero/top controls also same tone in light */
.cat-hero-inner,
.cat-sort-bar,
.mobile-filter-bar .mf-btn,
.cat-search,
.price-input,
.sort-select,
.cat-sort-select{
    background:var(--hg-u-surface)!important;
    border-color:var(--hg-u-line)!important;
    color:var(--hg-u-ink)!important;
    box-shadow:var(--hg-u-shadow-soft)!important;
}

/* Single product: use the shared light surface family. */
body.single-product .main-image,
body.single-product .desc-card,
body.single-product .info-card,
body.single-product .delivery-col-card,
body.single-product .delivery-mobile-card,
body.single-product .rel-card{
    background:var(--hg-u-surface)!important;
    border-color:var(--hg-u-line)!important;
    box-shadow:var(--hg-u-shadow)!important;
    color:var(--hg-u-ink)!important;
    backdrop-filter:blur(16px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.03)!important;
}
body.single-product .main-image{
    background:
        radial-gradient(circle at 78% 0%, color-mix(in srgb,var(--vy-ink) 5%,transparent), transparent 35%),
        linear-gradient(145deg,var(--hg-u-surface-solid),var(--hg-u-soft))!important;
}
body.single-product .rel-img{
    background:linear-gradient(145deg,var(--hg-u-surface-solid),var(--hg-u-soft))!important;
    border-color:var(--hg-u-line-soft)!important;
}
body.single-product .product-title-block,
body.single-product .product-info,
body.single-product .related-section,
body.single-product .section-head{
    background:transparent!important;
    color:var(--hg-u-ink)!important;
}
body.single-product .prod-name,
body.single-product .section-label,
body.single-product .rel-name,
body.single-product .desc-toggle-inner,
body.single-product .desc-text h1,
body.single-product .desc-text h2,
body.single-product .desc-text h3,
body.single-product .desc-text strong{
    color:var(--hg-u-ink)!important;
}
body.single-product .desc-text,
body.single-product .desc-text p,
body.single-product .desc-text li,
body.single-product .info-text,
body.single-product .rel-cat,
body.single-product .section-link{
    color:var(--hg-u-muted)!important;
}
body.single-product .divider{
    background:var(--hg-u-line-soft)!important;
    border-color:var(--hg-u-line-soft)!important;
}

/* Variation buttons: light palette same as product cards, no wrapper box */
body.single-product .var-group{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
body.single-product .var-selected-label{
    background:color-mix(in srgb,var(--vy-surface) 80%,transparent)!important;
    border:1px solid var(--hg-u-line-soft)!important;
    color:var(--hg-u-muted)!important;
}
body.single-product .var-btn{
    background:color-mix(in srgb,var(--vy-surface) 86%,transparent)!important;
    border-color:var(--hg-u-line)!important;
    color:var(--hg-u-muted)!important;
    box-shadow:var(--hg-u-shadow-soft)!important;
}
body.single-product .var-btn:hover{
    background:var(--vy-hover)!important;
    color:var(--hg-u-ink)!important;
}
body.single-product .var-btn.active,
body.single-product .var-btn[aria-pressed="true"]{
    background:var(--vy-brand)!important;
    color:var(--vy-on-brand)!important;
    border-color:var(--vy-brand-line)!important;
}

/* Purchase area: light mode unified; dark rules from v65 still apply after this where needed */
body.single-product .btn-add{
    background:var(--vy-brand)!important;
    color:var(--vy-on-brand)!important;
    border-color:var(--vy-brand-line)!important;
}
body.single-product .btn-add:disabled,
body.single-product .btn-add[disabled]{
    background:var(--vy-disabled-bg)!important;
    color:var(--vy-disabled-text)!important;
    border:1px solid var(--hg-u-line)!important;
}
body.single-product .buy-price{
    background:color-mix(in srgb,var(--vy-on-brand) 12%,transparent)!important;
    border-color:color-mix(in srgb,var(--vy-on-brand) 18%,transparent)!important;
}
body.single-product .btn-add:disabled .buy-price,
body.single-product .btn-add[disabled] .buy-price{
    background:var(--vy-subtle)!important;
    border-color:var(--vy-line)!important;
    color:var(--vy-disabled-text)!important;
}
body.single-product .trust-item{
    background:color-mix(in srgb,var(--vy-surface) 78%,transparent)!important;
    border:1px solid var(--hg-u-line-soft)!important;
    color:var(--hg-u-muted)!important;
}


/* Dark mode: preserve graphite but keep all the same family */
/* v66 final dark product guard: no forced light colors on single product */
html[data-hg-theme="dark"] body.single-product .main-image,
html[data-hg-theme="dark"] body.single-product .desc-card,
html[data-hg-theme="dark"] body.single-product .info-card,
html[data-hg-theme="dark"] body.single-product .delivery-col-card,
html[data-hg-theme="dark"] body.single-product .delivery-mobile-card,
html[data-hg-theme="dark"] body.single-product .rel-card{
    background:var(--vy-gradient-surface)!important;
    border-color:var(--vy-line)!important;
    box-shadow:var(--vy-shadow-soft)!important;
}
html[data-hg-theme="dark"] body.single-product .main-image{
    background:var(--vy-gradient-surface)!important;
}