/**
 * Modwin Design System — Pages
 * Shop archive، single product، cart، account
 */

/* ═══ HOMEPAGE SECTIONS ══════════════════════════════════════ */

.modwin-features {
    padding: var(--m-space-8) var(--m-container-gutter);
    background: var(--m-bg);
    border-bottom: 1px solid var(--m-color-neutral-100);
}
.modwin-features__grid {
    max-width: var(--m-container-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--m-space-5);
}
.modwin-features__item {
    display: flex;
    align-items: center;
    gap: var(--m-space-3);
    padding: var(--m-space-3);
}
.modwin-features__icon {
    width: 48px; height: 48px;
    border-radius: var(--m-radius-lg);
    background: var(--m-primary-soft);
    color: var(--m-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.modwin-features__icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; }
.modwin-features__title { font-size: var(--m-text-base); font-weight: var(--m-weight-bold); color: var(--m-text-strong); margin-bottom: 2px; }
.modwin-features__sub { font-size: var(--m-text-xs); color: var(--m-text-muted); }

@media (max-width: 999px) {
    .modwin-features__grid { grid-template-columns: repeat(2, 1fr); gap: var(--m-space-3); }
}

/* Category cards */
.modwin-cats {
    padding: var(--m-space-12) var(--m-container-gutter);
    background: var(--m-bg);
}
.modwin-cats__grid {
    max-width: var(--m-container-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--m-space-4);
}
.modwin-cat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    background: var(--m-surface);
    padding: var(--m-space-6) var(--m-space-3);
    border-radius: var(--m-radius-xl);
    border: 1px solid var(--m-border);
    transition: all var(--m-duration-normal) var(--m-ease-standard);
}
.modwin-cat-card:hover {
    border-color: var(--m-primary);
    transform: translateY(-3px);
    box-shadow: var(--m-shadow-md);
}
.modwin-cat-card__icon {
    width: 56px; height: 56px;
    border-radius: var(--m-radius-lg);
    background: var(--m-primary-soft);
    color: var(--m-primary);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: var(--m-space-3);
    transition: all var(--m-duration-normal) var(--m-ease-standard);
}
.modwin-cat-card:hover .modwin-cat-card__icon {
    background: var(--m-primary);
    color: var(--m-text-on-brand);
}
.modwin-cat-card__icon svg { width: 28px; height: 28px; stroke: currentColor; fill: none; stroke-width: 2; }
.modwin-cat-card__name { font-size: var(--m-text-sm); font-weight: var(--m-weight-semibold); color: var(--m-text-strong); }
.modwin-cat-card__count { font-size: var(--m-text-2xs); color: var(--m-text-muted); margin-top: 2px; }

@media (max-width: 999px) {
    .modwin-cats__grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
    .modwin-cats__grid { grid-template-columns: repeat(3, 1fr); gap: var(--m-space-2); }
}

/* Promo Banners */
.modwin-banners {
    padding: var(--m-space-6) var(--m-container-gutter);
}
.modwin-banners__grid {
    max-width: var(--m-container-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: var(--m-space-4);
}
.modwin-banner {
    border-radius: var(--m-radius-2xl);
    padding: var(--m-space-8);
    color: var(--m-text-on-brand);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    min-height: 240px;
    transition: transform var(--m-duration-slow) var(--m-ease-standard);
}
.modwin-banner:hover { transform: translateY(-4px); }
.modwin-banner--primary { background: linear-gradient(135deg, var(--m-color-brand-600), var(--m-color-brand-700)); }
.modwin-banner--warm    { background: linear-gradient(135deg, #f59e0b, #d97706); }
.modwin-banner--cool    { background: linear-gradient(135deg, #8b5cf6, #6d28d9); }
.modwin-banner h3 {
    color: var(--m-text-on-brand);
    font-size: var(--m-text-2xl);
    font-weight: var(--m-weight-extrabold);
    margin-bottom: var(--m-space-2);
}
.modwin-banner p {
    color: rgba(255,255,255,0.92);
    font-size: var(--m-text-sm);
    margin-bottom: var(--m-space-4);
}
.modwin-banner__cta {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-1);
    background: rgba(255,255,255,0.2);
    padding: 8px 18px;
    border-radius: var(--m-radius-full);
    color: var(--m-text-on-brand);
    font-weight: var(--m-weight-semibold);
    font-size: var(--m-text-sm);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.25);
}
.modwin-banner__decor {
    position: absolute;
    bottom: -20px; left: -20px;
    width: 180px; height: 180px;
    opacity: 0.15;
    pointer-events: none;
}
.modwin-banner__decor svg { width: 100%; height: 100%; fill: currentColor; }

@media (max-width: 999px) { .modwin-banners__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .modwin-banners__grid { grid-template-columns: 1fr; } }

/* ═══ PRODUCT CARD (shop loop) — minimal premium ═══════════════
 * Goal: emphasize image + price. Hide CTA button. Show actual % discount.
 * Layout: image (1:1) → title (1 line) → category (xs muted) → price (bold)
 * ══════════════════════════════════════════════════════════════ */

.woocommerce ul.products,
[data-products] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--m-space-4);
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 999px) { .woocommerce ul.products, [data-products] { grid-template-columns: repeat(3, 1fr); gap: var(--m-space-3); } }
@media (max-width: 689px) { .woocommerce ul.products, [data-products] { grid-template-columns: repeat(2, 1fr); gap: var(--m-space-3); } }

.woocommerce ul.products li.product,
[data-products] li.product {
    background: var(--m-surface);
    border-radius: var(--m-radius-xl);
    border: 1px solid var(--m-color-neutral-100);
    box-shadow: var(--m-shadow-card);
    overflow: hidden;
    transition: transform var(--m-duration-normal) var(--m-ease-standard),
                box-shadow var(--m-duration-normal) var(--m-ease-standard);
    position: relative;
    padding: 0 0 var(--m-space-4);
    margin: 0;
    list-style: none;
}
.woocommerce ul.products li.product:hover,
[data-products] li.product:hover {
    transform: translateY(-2px);
    box-shadow: var(--m-shadow-card-hover);
}

/* Image area — no colored background, generous padding */
[data-products] .product figure,
.woocommerce ul.products li.product figure,
[data-products] .product > a:first-child {
    margin: 0;
    padding: var(--m-space-4);
    background: transparent;
    aspect-ratio: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
[data-products] .product figure img,
.woocommerce ul.products li.product img,
[data-products] .product > a:first-child img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform var(--m-duration-slow) var(--m-ease-standard);
    aspect-ratio: 1 !important;
}
[data-products] li.product:hover img,
.woocommerce ul.products li.product:hover img {
    transform: scale(1.04);
}

/* Title — 1 line, ellipsis */
[data-products] .product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: var(--m-text-sm);
    line-height: var(--m-leading-snug);
    font-weight: var(--m-weight-semibold);
    color: var(--m-text-strong);
    padding: var(--m-space-3) var(--m-space-4) 2px;
    margin: 0;
    min-height: 0;
    text-align: right;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Category — small, muted, single line */
[data-products] .product .entry-meta,
.woocommerce ul.products li.product .entry-meta {
    font-size: var(--m-text-2xs);
    font-weight: var(--m-weight-medium);
    text-transform: none;
    color: var(--m-color-neutral-400);
    padding: 0 var(--m-space-4);
    margin: 0;
    letter-spacing: 0;
    list-style: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[data-products] .product .entry-meta li,
.woocommerce ul.products li.product .entry-meta li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
[data-products] .product .entry-meta a,
.woocommerce ul.products li.product .entry-meta a {
    color: inherit;
    text-decoration: none;
}
[data-products] .product .entry-meta li + li::before,
.woocommerce ul.products li.product .entry-meta li + li::before {
    content: "، ";
}

/* Price — new bold/large, old strikethrough small/muted */
[data-products] .product .price,
.woocommerce ul.products li.product .price {
    padding: var(--m-space-2) var(--m-space-4) 0;
    font-size: var(--m-product-card-price-size);
    font-weight: var(--m-weight-bold);
    color: var(--m-text-strong);
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: var(--m-space-2);
    flex-wrap: wrap;
    line-height: 1.4;
}
[data-products] .product .price .sale-price,
.woocommerce ul.products li.product .price .sale-price {
    display: flex;
    align-items: baseline;
    gap: var(--m-space-2);
    flex-direction: row-reverse;
}
[data-products] .product .price del,
.woocommerce ul.products li.product .price del {
    opacity: 1;
    font-weight: var(--m-weight-normal);
    font-size: var(--m-text-xs);
    color: var(--m-color-neutral-400);
    text-decoration: line-through;
    margin: 0;
}
[data-products] .product .price ins,
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    color: var(--m-text-strong);
    background: transparent;
    font-weight: var(--m-weight-bold);
    font-size: var(--m-product-card-price-size);
}
[data-products] .product .price .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-size: 0.7em;
    margin-inline-start: 4px;
    font-weight: var(--m-weight-medium);
    color: var(--m-color-neutral-500);
}

/* Sale badge — top-inline-start corner, compact, real percentage */
.onsale,
.modwin-sale-badge {
    background: var(--m-primary);
    color: var(--m-text-on-brand);
    font-weight: var(--m-weight-bold);
    font-size: var(--m-text-xs);
    padding: 4px 8px;
    border-radius: var(--m-radius-sm);
    top: var(--m-space-3);
    inset-inline-start: var(--m-space-3);
    inset-inline-end: auto;
    position: absolute;
    z-index: 5;
    line-height: 1.2;
    box-shadow: none;
    letter-spacing: 0;
    min-width: 0;
    text-align: center;
    direction: ltr;  /* keep "-۲۰٪" reading order */
    unicode-bidi: isolate;
    animation: none !important;
}
.onsale::before,
.modwin-sale-badge::before {
    content: none;  /* PHP filter now writes the actual percentage */
}

/* Out-of-stock badge — primary colour to match brand, hides sale badge if both */
.out-of-stock-badge,
.ct-woo-badge-out-of-stock {
    background: var(--m-primary);
    color: var(--m-text-on-brand);
    font-weight: var(--m-weight-bold);
    font-size: var(--m-text-xs);
    padding: 4px 10px;
    border-radius: var(--m-radius-sm);
    top: var(--m-space-3);
    inset-inline-start: var(--m-space-3);
    inset-inline-end: auto;
    position: absolute;
    z-index: 6;
    line-height: 1.2;
    box-shadow: none;
    opacity: 0.85;  /* slight visual distinction from sale badge */
}
.out-of-stock-badge::before,
.ct-woo-badge-out-of-stock::before,
.out-of-stock-badge::after,
.ct-woo-badge-out-of-stock::after {
    content: none !important;
    display: none !important;
}
li.product.outofstock .onsale,
li.product.outofstock .modwin-sale-badge {
    display: none;
}

/* Hide "تومان" on the strikethrough OLD price — show it only on the new price */
[data-products] .product .price del .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol {
    display: none;
}
/* Remove the   that WC leaves between number and symbol on the old price */
[data-products] .product .price del bdi,
.woocommerce ul.products li.product .price del bdi {
    white-space: nowrap;
}

/* Hide all CTA / action buttons on the loop card */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
[data-products] li.product .ct-woo-card-actions,
.woocommerce ul.products li.product .ct-woo-card-actions {
    display: none !important;
}

/* ═══ SINGLE PRODUCT ══════════════════════════════════════════ */

/* Reset wrapper */
body.single-product #product-2037,
body.single-product div[id^="product-"].product {
    display: block;
    background: transparent;
    padding: 0;
    /* center within --m-container-max; margin:0 left it RTL-stuck to the right */
    margin: 0 auto;
    max-width: var(--m-container-max);
    box-shadow: none;
    border: none;
}
body.single-product div[id^="product-"].product > * {
    display: block;
    width: 100%;
}
body.single-product div[id^="product-"].product > .product-entry-wrapper {
    display: grid;
}

body[data-prefix="product"] article { display: block; }
body[data-prefix="product"] article > * {
    grid-column: unset;
    width: 100%;
    max-width: var(--m-container-max);
    margin-inline: auto;
    float: none;
    clear: both;
}

/* Tabs/description and related products sit full-width otherwise (related is
   even outside <article>). Constrain them to the same content width, centered. */
body.single-product .woocommerce-tabs,
body.single-product .related.products,
body.single-product .up-sells.products {
    width: 100%;
    max-width: var(--m-container-max);
    margin-inline: auto;
    box-sizing: border-box;
}

/* Tighten vertical space around the breadcrumb: Blocksy's content container
   adds a large padding-top (--theme-content-vertical-spacing) above it, and the
   card adds margin-top below it. Trim both on the single-product page. */
body.single-product .ct-container-full[data-vertical-spacing] {
    padding-top: var(--m-space-4) !important;
}

/* Main wrapper: gallery right, summary left in RTL */
body.single-product .product-entry-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--m-space-10);
    background: var(--m-surface);
    border-radius: var(--m-radius-2xl);
    padding: var(--m-space-8);
    margin: var(--m-space-3) auto var(--m-space-6);
    max-width: var(--m-container-max);
    box-shadow: var(--m-shadow-md);
    border: 1px solid var(--m-border);
    align-items: start;
}

body.single-product .product-entry-wrapper > .woocommerce-product-gallery {
    grid-column: 1;  /* اول (راست در RTL) */
    grid-row: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
    float: none;
    background: transparent;
    padding: 0;
}
body.single-product .product-entry-wrapper > .summary,
body.single-product .product-entry-wrapper > .summary.entry-summary {
    grid-column: 2;  /* دوم (چپ در RTL) */
    grid-row: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
    float: none;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

@media (max-width: 999px) {
    body.single-product .product-entry-wrapper {
        display: block !important;
        grid-template-columns: 1fr !important;
        padding: var(--m-space-4) var(--m-space-3);
        margin: var(--m-space-2);
    }
    body.single-product .product-entry-wrapper > .woocommerce-product-gallery {
        display: block !important;
    }
    /* keep flex so the Digikala-style `order` re-arrangement applies on mobile */
    body.single-product .product-entry-wrapper > .summary,
    body.single-product .product-entry-wrapper > .summary.entry-summary {
        display: flex !important;
        flex-direction: column !important;
    }
    body.single-product .product-entry-wrapper > .woocommerce-product-gallery,
    body.single-product .product-entry-wrapper > .summary,
    body.single-product .product-entry-wrapper > .summary.entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
        float: none !important;
    }
    body.single-product .product-entry-wrapper > .woocommerce-product-gallery {
        margin-bottom: var(--m-space-4) !important;
    }
}

/* === Gallery === */
/* hide the prev/next arrows over the main image (thumbnails + swipe cover nav) */
body.single-product .flexy-arrow-prev,
body.single-product .flexy-arrow-next { display: none !important; }

body.single-product .ct-product-gallery-container .flexy-container {
    background: var(--m-bg-subtle);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-xl);
    padding: var(--m-space-5);
    margin-bottom: var(--m-space-3);
    min-height: 480px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
body.single-product .ct-product-gallery-container .flexy-item img {
    max-width: 100%;
    max-height: 460px;
    object-fit: contain;
    margin-inline: auto;
    transition: opacity var(--m-duration-fast) var(--m-ease-standard);
}
body.single-product .ct-product-gallery-container .flexy-pills {
    background: transparent;
    border: none;
    padding: 0;
    margin: var(--m-space-4) 0 0;
    min-height: 0;
}
/* Thumbnails: single-row horizontal strip (28+ images used to render as a
   6-row grid that pushed title/price ~1.5 screens down on mobile) */
body.single-product .ct-product-gallery-container .flexy-pills ol {
    display: flex;
    flex-wrap: nowrap !important; /* Blocksy sets wrap → 6-row grid */
    gap: var(--m-space-2);
    list-style: none;
    padding: 2px;
    margin: 0;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
body.single-product .ct-product-gallery-container .flexy-pills ol::-webkit-scrollbar { display: none; }
body.single-product .ct-product-gallery-container .flexy-pills li {
    margin: 0;
    padding: var(--m-space-1);
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    scroll-snap-align: start;
    background: var(--m-bg-subtle);
    border-radius: var(--m-radius-md);
    border: 2px solid var(--m-border);
    overflow: hidden;
    cursor: pointer;
    transition: border-color var(--m-duration-fast) var(--m-ease-standard);
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    box-sizing: border-box;
}
body.single-product .ct-product-gallery-container .flexy-pills li:hover,
body.single-product .ct-product-gallery-container .flexy-pills li.active {
    border-color: var(--m-primary);
}
body.single-product .ct-product-gallery-container .flexy-pills li img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 999px) {
    body.single-product .ct-product-gallery-container .flexy-container {
        min-height: 0;
        padding: var(--m-space-3);
    }
    body.single-product .ct-product-gallery-container .flexy-item img {
        max-height: 340px;
    }
    body.single-product .ct-product-gallery-container .flexy-pills li {
        flex-basis: 64px;
        width: 64px;
        height: 64px;
    }
}

/* === Summary === */
body.single-product .summary { display: flex; flex-direction: column; }

/* Summary children: brand, title, excerpt(@7), buybox(price+stock+countdown
   +variations+cart+trust+delivery), actions, meta. Visual order via flex
   `order` (DOM stays for SEO/hooks). Dividers dropped, meta gets the border. */
body.single-product .summary > .modwin-brand-link { order: 1; }
body.single-product .summary > .product_title { order: 2; }
body.single-product .summary > .modwin-color-slot { order: 3; }
body.single-product .summary > .modwin-buybox { order: 4; }
body.single-product .summary > .modwin-trust-box { order: 5; }
body.single-product .summary > .modwin-delivery-box { order: 6; }
body.single-product .summary > .woocommerce-product-details__short-description { order: 7; }
body.single-product .summary > .product_meta { order: 9; }
body.single-product .summary > .ct-product-divider { display: none; }
body.single-product .summary > .product_meta {
    border-top: 1px solid var(--m-border);
    padding-top: var(--m-space-4);
    margin-top: var(--m-space-2);
}

.modwin-buybox {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
/* Blocksy re-adds the excerpt at priority 20 (inside the buybox) even after
   remove_action; our copy at priority 7 sits under the title — hide the dupe */
.modwin-buybox .woocommerce-product-details__short-description { display: none; }

/* Color swatches relocated to the info column (above short desc). The original
   variations table is kept (hidden) inside the form for WC; swatches live here. */
body.single-product.modwin-has-color-slot table.variations { display: none; }
.modwin-color-slot:empty { display: none; }
.modwin-color-slot { margin: 0 0 var(--m-space-4); }
.modwin-color-group {
    background: var(--m-bg-subtle);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-lg);
    padding: var(--m-space-3) var(--m-space-4);
}
.modwin-color-label {
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-bold);
    color: var(--m-text-strong);
    margin-bottom: var(--m-space-3);
}
.modwin-color-label .modwin-color-selected { color: var(--m-text-muted); font-weight: var(--m-weight-medium); }

/* wishlist + share moved under the gallery image */
.woocommerce-product-gallery > .modwin-actions-row {
    margin-top: var(--m-space-4);
    justify-content: center;
}

/* Desktop: jalmobag-style 3-column feel — gallery (right) | info | buy card (left) */
@media (min-width: 1000px) {
    body.single-product .product-entry-wrapper {
        /* gallery doesn't need half the page — give the text columns room */
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr);
        gap: var(--m-space-6);
        padding: var(--m-space-6);
    }
    body.single-product .product-entry-wrapper > .summary,
    body.single-product .product-entry-wrapper > .summary.entry-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) clamp(280px, 38%, 330px);
        gap: 0 var(--m-space-5);
        align-content: start;
    }
    body.single-product .summary > * { grid-column: 1; }
    body.single-product .summary > .modwin-buybox {
        grid-column: 2;
        grid-row: 1 / span 20;
        align-self: start;
        position: sticky;
        top: 96px;
        background: var(--m-bg-subtle);
        border: 1px solid var(--m-border);
        border-radius: var(--m-radius-xl);
        padding: var(--m-space-4);
    }

    /* info column: title → meta (compact, no border) → plain short-desc → actions */
    body.single-product .product_title,
    body.single-product .entry-title {
        font-size: var(--m-text-xl);
        line-height: var(--m-leading-snug);
        margin-bottom: var(--m-space-2);
    }
    /* info column order: title → meta → color → trust → delivery → short-desc */
    body.single-product .summary > .product_meta {
        order: 3;
        border-top: none;
        padding-top: 0;
        margin: 0 0 var(--m-space-3);
        font-size: var(--m-text-xs);
        color: var(--m-text-muted);
        display: flex;
        flex-direction: column;
        gap: var(--m-space-1);
    }
    body.single-product .summary > .modwin-color-slot { order: 4; }
    body.single-product .summary > .modwin-trust-box { order: 5; }
    body.single-product .summary > .modwin-delivery-box { order: 6; }
    body.single-product .summary > .woocommerce-product-details__short-description { order: 7; }
    /* short description as calm plain text, not a highlighted box */
    body.single-product .summary > .woocommerce-product-details__short-description {
        background: transparent;
        border: none;
        padding: 0;
        margin: var(--m-space-2) 0 0;
        font-size: var(--m-text-sm);
        color: var(--m-text);
        line-height: var(--m-leading-loose);
    }
    /* trust/delivery now live in the info column (moved out of the buy card) */
    body.single-product .summary > .modwin-trust-box { margin: 0 0 var(--m-space-2); background: var(--m-bg-subtle); }
    body.single-product .summary > .modwin-delivery-box { margin: 0 0 var(--m-space-3); }

    /* buy card internals — tight and scannable */
    body.single-product .price {
        font-size: var(--m-text-2xl);
        margin: 0 0 var(--m-space-2);
        gap: var(--m-space-2);
    }
    body.single-product .price del { font-size: var(--m-text-xl); }
    .modwin-buybox .single_add_to_cart_button { min-width: 0; padding: 12px 16px; font-size: var(--m-text-base); }
    .modwin-buybox .modwin-stock-indicator { margin-top: 0; }
    body.single-product .modwin-buybox form.cart { margin: var(--m-space-2) 0; }
    .modwin-buybox .digipay-widget { margin: var(--m-space-2) 0; }
}

/* WC's «مشاهده سبد» link that appears after an AJAX add — make it a quiet
   full-width secondary button instead of a floating gray link */
body.single-product form.cart .added_to_cart {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: var(--m-space-2);
    padding: 10px;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-md);
    background: var(--m-bg);
    color: var(--m-text);
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-semibold);
    text-decoration: none;
}
body.single-product form.cart .added_to_cart:hover {
    border-color: var(--m-primary);
    color: var(--m-primary);
}

.modwin-brand-link {
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-1);
    padding: 6px 12px;
    background: var(--m-primary-soft);
    color: var(--m-primary);
    border-radius: var(--m-radius-full);
    font-size: var(--m-text-xs);
    font-weight: var(--m-weight-bold);
    text-decoration: none;
    margin-bottom: var(--m-space-3);
    width: fit-content;
    transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-brand-link:hover {
    background: var(--m-primary);
    color: var(--m-text-on-brand);
}

body.single-product .product_title,
body.single-product .entry-title {
    font-size: var(--m-text-3xl);
    font-weight: var(--m-weight-extrabold);
    color: var(--m-text-strong);
    line-height: var(--m-leading-snug);
    margin: 0 0 var(--m-space-3);
    padding: 0;
}

body.single-product .price {
    font-size: var(--m-text-4xl);
    font-weight: var(--m-weight-extrabold);
    color: var(--m-primary);
    margin: var(--m-space-3) 0;
    display: flex;
    align-items: center;
    gap: var(--m-space-3);
    flex-wrap: wrap;
}
/* one clean row: [new price] [old crossed] [٪ badge] (badge moved in by JS) */
body.single-product .price ins { order: 0; }
body.single-product .price del {
    order: 1;
    color: var(--m-text-muted);
    font-weight: var(--m-weight-normal);
    font-size: var(--m-text-2xl);
    opacity: 0.6;
}
body.single-product .price .modwin-discount-badge {
    order: 2;
    margin: 0;
    align-self: center;
}
body.single-product .price ins {
    text-decoration: none;
    background: transparent;
}
@media (max-width: 999px) {
    body.single-product .price { font-size: var(--m-text-2xl); margin: var(--m-space-2) 0; }
}

.modwin-discount-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, var(--m-color-brand-600), var(--m-color-brand-700));
    color: var(--m-text-on-brand);
    padding: 8px 16px;
    border-radius: var(--m-radius-md);
    font-weight: var(--m-weight-extrabold);
    font-size: var(--m-text-lg);
    margin-top: var(--m-space-2);
    box-shadow: var(--m-shadow-brand);
    width: fit-content;
    align-self: flex-start;
}
.modwin-discount-num { font-size: var(--m-text-xl); font-weight: var(--m-weight-extrabold); }
.modwin-discount-text { font-size: var(--m-text-sm); opacity: 0.9; }

.modwin-stock-indicator {
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-2);
    background: var(--m-color-success-bg);
    color: var(--m-color-success-fg);
    padding: 8px 14px;
    border-radius: var(--m-radius-md);
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-semibold);
    margin: var(--m-space-2) 0;
    width: fit-content;
    border: 1px solid var(--m-color-success-border);
}
.modwin-stock-indicator svg { stroke: var(--m-color-success-solid); width: 16px; height: 16px; }
.modwin-stock-indicator.low {
    background: var(--m-color-warning-bg);
    color: var(--m-color-warning-fg);
    border-color: var(--m-color-warning-border);
}
.modwin-stock-indicator.low svg { stroke: var(--m-color-warning-solid); }

body.single-product .woocommerce-product-details__short-description {
    background: var(--m-bg-subtle);
    padding: var(--m-space-4) var(--m-space-5);
    border-radius: var(--m-radius-lg);
    border-inline-end: 3px solid var(--m-primary);
    color: var(--m-text);
    line-height: var(--m-leading-relaxed);
    margin: var(--m-space-4) 0;
    font-size: var(--m-text-sm);
}
body.single-product .woocommerce-product-details__short-description p { margin: 0; }

/* === Variations === */
body.single-product table.variations {
    display: block;
    margin: var(--m-space-5) 0;
    background: var(--m-bg-subtle);
    padding: var(--m-space-3) var(--m-space-4);
    border-radius: var(--m-radius-lg);
    border: 1px solid var(--m-border);
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
body.single-product table.variations tbody {
    display: block !important;
    height: auto !important;
    background: transparent;
    border: none;
    padding: 0;
    width: 100%;
}
body.single-product table.variations tr {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;   /* RTL start = right */
    gap: var(--m-space-2) !important;
    height: auto !important;
    margin: 0 0 var(--m-space-3);
    background: transparent;
    border: none;
    padding: 0;
    width: 100%;
}
body.single-product table.variations tr:last-child { margin-bottom: 0; }
body.single-product table.variations th,
body.single-product table.variations td {
    display: block !important;
    height: auto !important;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: right;
}
body.single-product table.variations th {
    font-weight: var(--m-weight-semibold);
    color: var(--m-text-strong);
    font-size: var(--m-text-sm);
    line-height: 1.3 !important;
    min-height: 0 !important;
}
body.single-product table.variations th label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: inherit !important;
}
/* a variation is auto-selected on load, so "پاک کردن" only leads to a
   price-less dead state — hide it */
body.single-product .reset_variations { display: none !important; }

/* per-variation availability («۴ عدد موجود») under the color box */
body.single-product .single_variation_wrap .woocommerce-variation { margin-bottom: var(--m-space-2); }
body.single-product .woocommerce-variation-availability p.stock {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-semibold);
    color: var(--m-color-success-fg);
}
body.single-product .woocommerce-variation-availability p.stock.out-of-stock {
    color: var(--m-color-danger-fg);
}

/* simple products: WC prints a plain «N عدد موجود» right above the form —
   duplicate of .modwin-stock-indicator */
body.single-product .ct-product-add-to-cart > p.stock.in-stock { display: none; }

/* out-of-stock message as a proper notice instead of bare text
   (sits directly in .ct-product-add-to-cart for simple, inside form.cart for variable) */
body.single-product .ct-product-add-to-cart > p.stock.out-of-stock,
body.single-product .ct-product-add-to-cart form.cart > p.stock.out-of-stock {
    display: flex;
    align-items: center;
    gap: var(--m-space-2);
    background: var(--m-color-danger-bg);
    color: var(--m-color-danger-fg);
    border: 1px solid var(--m-color-danger-border);
    border-radius: var(--m-radius-md);
    padding: var(--m-space-3) var(--m-space-4);
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-semibold);
    margin: var(--m-space-3) 0;
}
body.single-product table.variations select {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-md);
    padding: 12px 14px;
    font-family: var(--m-font-sans);
    width: 100%;
    font-size: var(--m-text-sm);
    color: var(--m-text);
    cursor: pointer;
    height: auto;
}

/* Swatches */
.modwin-swatches-wrap {
    margin-top: var(--m-space-1);
}
.modwin-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m-space-3);
    padding: var(--m-space-1) 0;
}
.modwin-swatches-wrap select[name^="attribute_pa_color"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    overflow: hidden;
}

/* === Add to cart === */
body.single-product form.cart {
    display: flex;
    align-items: center;
    gap: var(--m-space-3);
    margin: var(--m-space-5) 0;
    flex-wrap: wrap;
    background: transparent;
    padding: 0;
}
/* Quantity stepper. Blocksy's type-2 renders the +/- as position:absolute
   spans sitting inside the input's reserved side-padding. The custom input
   padding below removed that reservation, so the buttons overlapped the
   number. Fix: un-absolute the spans and lay the widget out as a flex row
   [−] [input] [+]. */
body.single-product .quantity,
body.single-product .quantity[data-type] {
    background: var(--m-bg-subtle);
    border-radius: var(--m-radius-md);
    border: 1px solid var(--m-border);
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    width: auto;
    height: 48px;
    position: relative;
}
body.single-product .quantity .ct-increase,
body.single-product .quantity .ct-decrease {
    position: static;
    inset: auto;
    flex: 0 0 40px;
    width: 40px;
    height: auto;
    min-height: 0;
    max-width: none;
    border-radius: 0;
    background: transparent;
    color: var(--m-text-strong);
    cursor: pointer;
    transition: background var(--m-duration-fast) var(--m-ease-standard);
}
body.single-product .quantity .ct-increase { order: 0; }
body.single-product .quantity .ct-decrease { order: 2; }
body.single-product .quantity .ct-increase:hover,
body.single-product .quantity .ct-decrease:hover {
    background: var(--m-border);
}
body.single-product .quantity .ct-increase::before,
body.single-product .quantity .ct-decrease::before {
    color: var(--m-text-strong);
    font-size: 15px;
    margin: 0;
}
body.single-product .quantity input[type="number"],
body.single-product input.qty {
    order: 1;
    background: transparent;
    border: none;
    border-inline: 1px solid var(--m-border);
    border-radius: 0;
    padding: 0 6px !important;
    margin: 0;
    font-family: var(--m-font-sans);
    font-weight: var(--m-weight-bold);
    font-size: var(--m-text-md);
    color: var(--m-text-strong);
    width: 48px;
    text-align: center;
    height: auto;
    box-shadow: none !important;
}
body.single-product .single_add_to_cart_button {
    background: var(--m-cta);
    color: var(--m-text-on-brand);
    padding: 14px 36px;
    font-size: var(--m-text-md);
    font-weight: var(--m-weight-bold);
    border-radius: var(--m-radius-md);
    flex: 1;
    min-width: 220px;
    border: none;
    box-shadow: var(--m-shadow-cta);
    transition: all var(--m-duration-fast) var(--m-ease-standard);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--m-space-2);
}
body.single-product .single_add_to_cart_button:hover {
    background: var(--m-cta-hover);
    box-shadow: var(--m-shadow-cta);
    transform: translateY(-1px);
}
body.single-product .single_add_to_cart_button.disabled,
body.single-product .single_add_to_cart_button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}
/* brief highlight when the sticky bar sends the user to pick a color */
.modwin-variations-flash {
    animation: modwin-var-flash 1.2s var(--m-ease-standard);
}
@keyframes modwin-var-flash {
    0%, 60% { box-shadow: 0 0 0 3px var(--m-color-brand-300); }
    100% { box-shadow: 0 0 0 0 transparent; }
}

/* === Actions row (wishlist + share) === */
.modwin-actions-row {
    display: flex;
    gap: var(--m-space-2);
    margin: var(--m-space-4) 0;
}
.modwin-wishlist-btn, .modwin-share-btn {
    background: var(--m-bg);
    border: 1px solid var(--m-border);
    color: var(--m-text);
    padding: 10px 16px;
    border-radius: var(--m-radius-md);
    font-family: var(--m-font-sans);
    font-weight: var(--m-weight-semibold);
    font-size: var(--m-text-sm);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-1);
    transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-wishlist-btn:hover { border-color: var(--m-primary); color: var(--m-primary); }
.modwin-wishlist-btn.active {
    background: var(--m-primary-soft);
    border-color: var(--m-primary);
    color: var(--m-primary);
}
.modwin-wishlist-btn.active svg { fill: var(--m-primary); }
.modwin-share-btn:hover { border-color: var(--m-color-neutral-800); }

.modwin-share-wrap { position: relative; }
.modwin-share-menu {
    position: absolute;
    bottom: calc(100% + 8px);
    inset-inline-end: 0;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-lg);
    box-shadow: var(--m-shadow-xl);
    padding: 6px;
    min-width: 160px;
    display: none;
    z-index: var(--m-z-dropdown);
    flex-direction: column;
}
.modwin-share-wrap.open .modwin-share-menu { display: flex; }
.modwin-share-menu a,
.modwin-share-menu button {
    display: flex;
    align-items: center;
    gap: var(--m-space-2);
    padding: 10px 14px;
    background: transparent;
    border: none;
    color: var(--m-text);
    text-decoration: none;
    font-family: inherit;
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-medium);
    border-radius: var(--m-radius-md);
    cursor: pointer;
    text-align: right;
}
.modwin-share-menu a:hover,
.modwin-share-menu button:hover { background: var(--m-bg-subtle); }

/* === Trust + Delivery === */
.modwin-trust-box {
    display: flex;
    gap: var(--m-space-2);
    margin: var(--m-space-4) 0 var(--m-space-2);
    padding: var(--m-space-3);
    background: var(--m-bg-subtle);
    border-radius: var(--m-radius-lg);
    border: 1px solid var(--m-border);
}
.modwin-trust-item {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: var(--m-space-2);
    padding: 4px;
}
.modwin-trust-item + .modwin-trust-item {
    border-inline-start: 1px solid var(--m-border);
}
.modwin-trust-item svg { color: var(--m-primary); stroke: var(--m-primary); }
.modwin-trust-item .t-title { font-size: var(--m-text-xs); font-weight: var(--m-weight-bold); color: var(--m-text-strong); line-height: 1.3; }
.modwin-trust-item .t-sub { font-size: var(--m-text-2xs); color: var(--m-text-muted); margin-top: 2px; }

.modwin-delivery-box {
    display: flex;
    align-items: center;
    gap: var(--m-space-3);
    background: var(--m-primary-soft);
    border-inline-end: 3px solid var(--m-primary);
    padding: var(--m-space-3) var(--m-space-4);
    border-radius: var(--m-radius-md);
    margin: var(--m-space-3) 0;
}
.modwin-delivery-box .d-title { font-size: var(--m-text-sm); font-weight: var(--m-weight-bold); color: var(--m-text-strong); }
.modwin-delivery-box .d-sub { font-size: var(--m-text-xs); color: var(--m-text-muted); margin-top: 2px; }

/* === Countdown === */
.modwin-countdown {
    background: linear-gradient(135deg, var(--m-primary-soft), var(--m-color-danger-bg));
    border: 1px solid var(--m-color-brand-200);
    border-radius: var(--m-radius-lg);
    padding: var(--m-space-3) var(--m-space-4);
    margin: var(--m-space-3) 0;
    display: flex;
    flex-direction: column;
    gap: var(--m-space-2);
}
.modwin-countdown-label {
    display: flex;
    align-items: center;
    gap: var(--m-space-2);
    color: var(--m-color-brand-800);
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-bold);
}
.modwin-countdown-label svg { stroke: var(--m-primary); width: 18px; height: 18px; fill: none; stroke-width: 2; }
.modwin-countdown-boxes { display: flex; gap: var(--m-space-1); align-items: stretch; }
.cd-box {
    background: var(--m-bg);
    border-radius: var(--m-radius-md);
    padding: 8px 10px;
    text-align: center;
    flex: 1;
    box-shadow: var(--m-shadow-xs);
    display: flex;
    flex-direction: column;
}
.cd-num { font-size: var(--m-text-xl); font-weight: var(--m-weight-extrabold); color: var(--m-primary); line-height: 1; }
.cd-label { font-size: var(--m-text-2xs); color: var(--m-text-muted); margin-top: 4px; }
.cd-sep { align-self: center; color: var(--m-primary); font-weight: var(--m-weight-extrabold); font-size: var(--m-text-xl); }

/* === Tabs === */
body.single-product .woocommerce-tabs {
    background: var(--m-surface);
    border-radius: var(--m-radius-2xl);
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--m-border);
    margin: var(--m-space-8) auto;
    max-width: var(--m-container-max);
}
body.single-product .woocommerce-tabs ul.tabs {
    background: var(--m-bg-subtle);
    border-bottom: 1px solid var(--m-border);
    padding: 0 var(--m-space-2);
    margin: 0;
    display: flex;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
body.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
body.single-product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}
body.single-product .woocommerce-tabs ul.tabs li a {
    padding: var(--m-space-4) var(--m-space-6);
    font-weight: var(--m-weight-semibold);
    color: var(--m-text-muted);
    font-size: var(--m-text-base);
    text-transform: none;
    letter-spacing: 0;
    border: none;
    border-bottom: 3px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-2);
    text-decoration: none;
    transition: all var(--m-duration-fast) var(--m-ease-standard);
    background: transparent;
}
body.single-product .woocommerce-tabs ul.tabs li:hover a { color: var(--m-text-strong); }
body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: var(--m-primary);
    border-bottom-color: var(--m-primary);
    background: var(--m-surface);
    font-weight: var(--m-weight-bold);
}
body.single-product .woocommerce-tabs .panel {
    padding: var(--m-space-8);
    color: var(--m-text);
    line-height: var(--m-leading-loose);
    font-size: var(--m-text-base);
}
body.single-product .woocommerce-tabs .panel h2:first-child { display: none; }
body.single-product .woocommerce-tabs .panel h2 {
    font-size: var(--m-text-2xl);
    font-weight: var(--m-weight-extrabold);
    color: var(--m-text-strong);
    margin: var(--m-space-6) 0 var(--m-space-3);
    padding-bottom: var(--m-space-2);
    border-bottom: 2px solid var(--m-primary-soft);
}
body.single-product .woocommerce-tabs .panel h3 {
    font-size: var(--m-text-lg);
    font-weight: var(--m-weight-bold);
    margin: var(--m-space-4) 0 var(--m-space-2);
}
body.single-product .woocommerce-tabs .panel p { margin: 0 0 var(--m-space-3); }
body.single-product .woocommerce-tabs .panel ul,
body.single-product .woocommerce-tabs .panel ol {
    background: var(--m-bg-subtle);
    border-radius: var(--m-radius-lg);
    padding: var(--m-space-4) var(--m-space-8);
    margin: var(--m-space-3) 0 var(--m-space-4);
}

/* Mobile tabs: Blocksy stacks them vertically; force a horizontal segmented row */
@media (max-width: 999px) {
    body.single-product .woocommerce-tabs ul.tabs {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto;
        padding: 0;
    }
    body.single-product .woocommerce-tabs ul.tabs li {
        width: auto !important;
        flex: 1 0 auto;
        display: block !important;
        border: none !important;
    }
    body.single-product .woocommerce-tabs ul.tabs li a {
        width: 100%;
        justify-content: center;
        padding: var(--m-space-3) var(--m-space-4);
        font-size: var(--m-text-sm);
        white-space: nowrap;
    }
    body.single-product .woocommerce-tabs { margin: var(--m-space-4) auto; border-radius: var(--m-radius-xl); }
    body.single-product .woocommerce-tabs .panel { padding: var(--m-space-4); font-size: var(--m-text-sm); }
    body.single-product .woocommerce-tabs .panel ul,
    body.single-product .woocommerce-tabs .panel ol { padding: var(--m-space-3) var(--m-space-6); }
}

/* short description at the top of the description tab (before full text) */
body.single-product .woocommerce-tabs .panel .modwin-tab-short-desc {
    background: var(--m-bg-subtle);
    border-inline-start: 3px solid var(--m-primary);
    border-radius: var(--m-radius-lg);
    padding: var(--m-space-4) var(--m-space-5);
    margin: 0 0 var(--m-space-5);
    color: var(--m-text);
    line-height: var(--m-leading-relaxed);
    font-size: var(--m-text-base);
}
body.single-product .woocommerce-tabs .panel .modwin-tab-short-desc p:last-child { margin-bottom: 0; }

/* === Related products slider === */
/* Blocksy hides related on mobile (ct-hidden-sm/md) — re-enable as swipe slider */
body.single-product section.related.products,
body.single-product section.related.products.ct-hidden-sm,
body.single-product section.related.products.ct-hidden-md {
    display: block !important;
}
body.single-product .related, body.single-product section.related {
    padding: var(--m-space-8) var(--m-container-gutter);
    margin: var(--m-space-8) auto;
    max-width: var(--m-container-max);
}
body.single-product .related h2 {
    font-size: var(--m-text-2xl);
    font-weight: var(--m-weight-extrabold);
    margin: 0 0 var(--m-space-5);
    display: flex;
    align-items: center;
    gap: var(--m-space-2);
}
body.single-product .related h2::before {
    content: "";
    width: 4px;
    height: 22px;
    background: var(--m-primary);
    border-radius: var(--m-radius-xs);
}
body.single-product .related ul.products,
body.single-product .related [data-products] {
    display: flex;
    grid-template-columns: none;
    gap: var(--m-space-4);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: var(--m-container-gutter);
    padding: var(--m-space-2) 0 var(--m-space-3);
    scrollbar-width: none;
}
body.single-product .related ul.products::-webkit-scrollbar,
body.single-product .related [data-products]::-webkit-scrollbar { display: none; }
body.single-product .related ul.products li.product,
body.single-product .related [data-products] li.product {
    flex: 0 0 calc(25% - var(--m-space-3));
    scroll-snap-align: start;
    min-width: 200px;
}
@media (max-width: 999px) {
    body.single-product .related ul.products li.product,
    body.single-product .related [data-products] li.product { flex: 0 0 calc(50% - var(--m-space-2)); }
}
@media (max-width: 600px) {
    body.single-product .related ul.products li.product,
    body.single-product .related [data-products] li.product { flex: 0 0 70%; }
}

.modwin-slider-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--m-space-3);
    gap: var(--m-space-3);
}
.modwin-slider-dots { display: flex; gap: var(--m-space-1); flex: 1; justify-content: center; }
.modwin-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: var(--m-radius-full);
    background: var(--m-color-neutral-300);
    cursor: pointer;
    border: none;
    padding: 0;
    transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-slider-dot.active {
    background: var(--m-primary);
    width: 24px;
    border-radius: var(--m-radius-xs);
}
.modwin-slider-arrows { display: flex; gap: var(--m-space-1); }
.modwin-slider-arrow {
    width: 36px;
    height: 36px;
    border-radius: var(--m-radius-md);
    background: var(--m-bg);
    border: 1px solid var(--m-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--m-text);
    transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-slider-arrow:hover:not(:disabled) {
    background: var(--m-primary);
    border-color: var(--m-primary);
    color: var(--m-text-on-brand);
}
.modwin-slider-arrow:disabled { opacity: 0.4; cursor: not-allowed; }

/* ═══ STICKY ADD-TO-CART ═════════════════════════════════════ */

.modwin-sticky-cart {
    position: fixed;
    bottom: 0;
    transform: translateY(110%);
    left: 0; right: 0;
    background: var(--m-bg);
    border-top: 1px solid var(--m-border);
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
    z-index: var(--m-z-sticky);
    transition: transform var(--m-duration-slow) var(--m-ease-decelerate);
}
.modwin-sticky-cart.show { transform: translateY(0); }
/* The persistent add-to-cart bar is a mobile-only affordance. */
@media (min-width: 769px) {
    .modwin-sticky-cart { display: none !important; }
}
.modwin-sticky-inner {
    max-width: var(--m-container-max);
    margin: 0 auto;
    padding: var(--m-space-3) var(--m-container-gutter);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--m-space-4);
}
.modwin-sticky-info { display: flex; align-items: center; gap: var(--m-space-3); flex: 1; min-width: 0; }
.modwin-sticky-img {
    width: 52px; height: 52px;
    border-radius: var(--m-radius-md);
    object-fit: cover;
    background: var(--m-bg-subtle);
    flex-shrink: 0;
}
.modwin-sticky-meta { min-width: 0; }
.modwin-sticky-title {
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-semibold);
    color: var(--m-text-strong);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 380px;
}
.modwin-sticky-price {
    font-size: var(--m-text-base);
    font-weight: var(--m-weight-extrabold);
    color: var(--m-primary);
    display: flex;
    gap: var(--m-space-2);
    align-items: baseline;
}
.modwin-sticky-price del { opacity: 0.5; font-size: var(--m-text-xs); font-weight: var(--m-weight-normal); color: var(--m-text-muted); }
.modwin-sticky-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-2);
    background: var(--m-cta);
    color: var(--m-text-on-brand);
    border: none;
    padding: 12px 22px;
    border-radius: var(--m-radius-md);
    font-family: var(--m-font-sans);
    font-weight: var(--m-weight-bold);
    font-size: var(--m-text-base);
    cursor: pointer;
    transition: all var(--m-duration-fast) var(--m-ease-standard);
    flex-shrink: 0;
    box-shadow: var(--m-shadow-cta);
}
.modwin-sticky-btn:hover { background: var(--m-cta-hover); transform: translateY(-1px); }
@media (max-width: 600px) {
    /* mobile bar = [price] [افزودن به سبد] — image/title dropped for room */
    .modwin-sticky-img { display: none; }
    .modwin-sticky-title { display: none; }
    .modwin-sticky-inner { padding: var(--m-space-2) var(--m-space-3); gap: var(--m-space-3); }
    .modwin-sticky-price { font-size: var(--m-text-md); white-space: nowrap; }
    .modwin-sticky-btn { flex: 1; justify-content: center; padding: 13px 16px; }
}

/* ═══ VARIATION BOTTOM-SHEET (mobile sticky bar) ═════════════ */

.modwin-vs-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--m-duration-fast) var(--m-ease-standard);
    z-index: calc(var(--m-z-sticky) + 1);
}
.modwin-vs-overlay.open { opacity: 1; pointer-events: auto; }

.modwin-vsheet {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    transform: translateY(105%);
    transition: transform var(--m-duration-slow) var(--m-ease-decelerate);
    background: var(--m-bg);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -12px 32px rgba(15, 23, 42, 0.18);
    z-index: calc(var(--m-z-sticky) + 2);
    padding: var(--m-space-3) var(--m-space-4) calc(var(--m-space-4) + env(safe-area-inset-bottom));
    max-height: 75vh;
    overflow-y: auto;
}
.modwin-vsheet.open { transform: translateY(0); }
.modwin-vsheet-grab {
    width: 44px;
    height: 4px;
    border-radius: var(--m-radius-full);
    background: var(--m-color-neutral-300);
    margin: 0 auto var(--m-space-3);
}
.modwin-vsheet-label {
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-bold);
    color: var(--m-text-strong);
    margin-bottom: var(--m-space-2);
}
.modwin-vsheet-section { margin-bottom: var(--m-space-3); }
.modwin-vsheet-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m-space-2);
}
.modwin-vsheet-swatch {
    display: inline-flex;
    align-items: center;
    gap: var(--m-space-1);
    padding: 9px 14px;
    background: var(--m-bg);
    border: 1.5px solid var(--m-border);
    border-radius: var(--m-radius-full);
    font-family: var(--m-font-sans);
    font-size: var(--m-text-sm);
    color: var(--m-text);
    cursor: pointer;
    transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-vsheet-swatch .vs-dot {
    width: 16px;
    height: 16px;
    border-radius: var(--m-radius-full);
    border: 1px solid rgba(0,0,0,0.12);
    display: inline-block;
}
.modwin-vsheet-swatch.active {
    border-color: var(--m-primary);
    background: var(--m-primary-soft);
    color: var(--m-primary);
    font-weight: var(--m-weight-bold);
}
.modwin-vsheet-swatch.disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.modwin-vsheet-swatch .vs-oos {
    font-size: var(--m-text-2xs);
    color: var(--m-color-danger-fg);
    background: var(--m-color-danger-bg);
    border-radius: var(--m-radius-full);
    padding: 1px 6px;
}
/* in-page swatches for colors WC dropped (out of stock) */
.modwin-swatch.disabled {
    opacity: 0.38;
    cursor: not-allowed;
}
.modwin-vsheet-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--m-space-3);
    margin: var(--m-space-2) 0 var(--m-space-3);
}
.modwin-vsheet-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-md);
    background: var(--m-bg-subtle);
    overflow: hidden;
}
.modwin-vsheet-qty button {
    width: 42px;
    height: 42px;
    border: none;
    background: transparent;
    font-size: var(--m-text-lg);
    color: var(--m-text-strong);
    cursor: pointer;
}
.modwin-vsheet-qty span {
    min-width: 36px;
    text-align: center;
    font-weight: var(--m-weight-bold);
    border-inline: 1px solid var(--m-border);
    padding: 10px 4px;
}
.modwin-vsheet-price {
    font-size: var(--m-text-lg);
    font-weight: var(--m-weight-extrabold);
    color: var(--m-primary);
    display: flex;
    align-items: baseline;
    gap: var(--m-space-2);
    flex-wrap: wrap;
}
.modwin-vsheet-price del { font-size: var(--m-text-xs); color: var(--m-text-muted); opacity: 0.6; font-weight: var(--m-weight-normal); }
.modwin-vsheet-price ins { text-decoration: none; background: transparent; }
.modwin-vsheet-price .modwin-discount-badge { display: none; }
.modwin-vsheet-add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--m-space-2);
    width: 100%;
    background: var(--m-cta);
    color: var(--m-text-on-brand);
    border: none;
    border-radius: var(--m-radius-md);
    padding: 14px;
    font-family: var(--m-font-sans);
    font-size: var(--m-text-md);
    font-weight: var(--m-weight-bold);
    cursor: pointer;
    box-shadow: var(--m-shadow-cta);
}
.modwin-vsheet-add:active { background: var(--m-cta-hover); }

/* Mobile compact summary — must sit AFTER the base rules above to win the
   equal-specificity cascade */
@media (max-width: 999px) {
    body.single-product .product_title,
    body.single-product .entry-title {
        font-size: var(--m-text-xl);
        margin-bottom: var(--m-space-2);
    }
    body.single-product .woocommerce-product-details__short-description {
        font-size: var(--m-text-xs);
        padding: var(--m-space-3) var(--m-space-4);
        margin: var(--m-space-3) 0;
    }
    body.single-product form.cart { margin: var(--m-space-2) 0; }
    body.single-product table.variations {
        margin: var(--m-space-1) 0 var(--m-space-2);
        padding: var(--m-space-3);
    }
    /* Blocksy gives summary blocks a 35px margin-bottom — too airy at 390px */
    body.single-product .summary .price { margin-bottom: var(--m-space-2); }
    body.single-product .summary .ct-product-add-to-cart { margin-bottom: var(--m-space-2); }
    body.single-product .summary > .woocommerce-product-details__short-description { margin-bottom: var(--m-space-2); }
    body.single-product .summary > .modwin-buybox { margin-bottom: var(--m-space-2); }

    /* the sticky bar is permanent on mobile — keep page end reachable */
    body.single-product { padding-bottom: 78px; }
    .modwin-trust-item .t-sub { display: none; }
    .modwin-delivery-box { padding: var(--m-space-2) var(--m-space-3); }
    .modwin-actions-row { margin: var(--m-space-2) 0; }
    .modwin-actions-row .modwin-wishlist-btn,
    .modwin-actions-row .modwin-share-btn { padding: 8px 12px; font-size: var(--m-text-xs); }
}

/* ═══ ARCHIVE / CATEGORY PAGE ════════════════════════════════ */

.archive .hero-section,
.ct-archive-template[data-prefix*="woo"] .hero-section {
    background: linear-gradient(135deg, var(--m-primary), var(--m-primary-hover));
    padding: var(--m-space-12) var(--m-container-gutter);
    margin: 0;
    position: relative;
    overflow: hidden;
}
.archive .hero-section .page-title,
.archive .hero-section .entry-title,
.ct-archive-template[data-prefix*="woo"] .hero-section .page-title {
    color: var(--m-text-on-brand);
    font-weight: var(--m-weight-extrabold);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    margin-bottom: var(--m-space-2);
}
.archive .hero-section .ct-breadcrumbs,
.archive .hero-section .ct-breadcrumbs a {
    color: rgba(255,255,255,0.85);
}

.woo-listing-top {
    background: transparent;
    padding: var(--m-space-4) 0;
    border: none;
    margin-bottom: var(--m-space-5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--m-space-4);
}
.woocommerce .woocommerce-result-count {
    color: var(--m-text-muted);
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-medium);
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
}
.woocommerce-ordering select {
    background: var(--m-bg);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-md);
    padding: 10px 16px;
    font-family: var(--m-font-sans);
    color: var(--m-text);
    font-size: var(--m-text-sm);
    font-weight: var(--m-weight-medium);
    cursor: pointer;
    min-width: 200px;
}

/* ═══ ARCHIVE REDESIGN — filter sidebar + 2-col layout ═══════ */

/* Blocksy's Page-Title hero renders the term description at the top; we relocate
   it (pills → top strip, prose → bottom box), so hide the original. Keep the title. */
body.tax-product_cat .hero-section .page-description,
body.tax-product_tag .hero-section .page-description,
body.tax-product_brand .hero-section .page-description,
body.post-type-archive-product .hero-section .page-description { display: none !important; }

/* subcategory chips strip (همچنین ببینید), above the grid */
.modwin-subcats { margin: 0 0 var(--m-space-5); display: flex; flex-wrap: wrap; align-items: center; gap: var(--m-space-2); }
.modwin-subcats .modwin-pill-label { margin: 0 var(--m-space-1) 0 0; font-weight: var(--m-weight-bold); color: var(--m-text-strong); font-size: var(--m-text-sm); }
.modwin-subcats .modwin-pill-row { display: contents; }

/* two-column layout */
.modwin-archive-grid { display: block; }
@media (min-width: 1000px) {
    .modwin-archive-grid {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: var(--m-space-6);
        align-items: start;
    }
    .modwin-archive-main { min-width: 0; }
}

/* product grid inside the narrower main column adapts — DESKTOP ONLY.
   On mobile the sidebar collapses, so fall back to the site's 2-col archive grid. */
@media (min-width: 1000px) {
    .modwin-archive-main ul.products,
    .modwin-archive-main [data-products] {
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
    }
}

/* === filter sidebar (desktop card) === */
.modwin-filters {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-xl);
    padding: var(--m-space-4);
}
@media (min-width: 1000px) {
    .modwin-filters { position: sticky; top: 90px; }
    .modwin-filters-close, .modwin-filter-trigger, .modwin-filters-overlay { display: none !important; }
}
.modwin-filters-head {
    display: flex; align-items: center; justify-content: space-between;
    font-weight: var(--m-weight-extrabold); color: var(--m-text-strong);
    font-size: var(--m-text-base); margin-bottom: var(--m-space-3);
    padding-bottom: var(--m-space-3); border-bottom: 1px solid var(--m-border);
}
.modwin-filters-clear { font-size: var(--m-text-xs); color: var(--m-primary); text-decoration: none; font-weight: var(--m-weight-semibold); }
.modwin-filter-group { padding: var(--m-space-3) 0; border-bottom: 1px solid var(--m-border); }
.modwin-filter-group:last-of-type { border-bottom: none; }
.modwin-filter-title { font-weight: var(--m-weight-bold); color: var(--m-text-strong); font-size: var(--m-text-sm); margin-bottom: var(--m-space-2); }
.modwin-filter-list { display: flex; flex-direction: column; gap: 2px; max-height: 240px; overflow-y: auto; }
.modwin-filter-list::-webkit-scrollbar { width: 6px; }
.modwin-filter-list::-webkit-scrollbar-thumb { background: var(--m-border-strong); border-radius: 3px; }

/* checkbox rows (brand) */
.modwin-filter-check { display: flex; align-items: center; gap: var(--m-space-2); padding: 7px 4px; cursor: pointer; border-radius: var(--m-radius-sm); font-size: var(--m-text-sm); color: var(--m-text); }
.modwin-filter-check:hover { background: var(--m-bg-subtle); }
.modwin-filter-check input { position: absolute; opacity: 0; width: 0; height: 0; }
.modwin-filter-check .mf-box { width: 18px; height: 18px; border: 1.5px solid var(--m-border-strong); border-radius: 5px; flex-shrink: 0; position: relative; transition: all var(--m-duration-fast) var(--m-ease-standard); }
.modwin-filter-check input:checked + .mf-box { background: var(--m-primary); border-color: var(--m-primary); }
.modwin-filter-check input:checked + .mf-box::after { content: ""; position: absolute; inset: 0; background: no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); }
.modwin-filter-check .mf-name { flex: 1; }
.modwin-filter-check .mf-count { color: var(--m-text-muted); font-size: var(--m-text-2xs); }

/* color swatches */
.modwin-filter-colors { flex-direction: row; flex-wrap: wrap; gap: var(--m-space-2); max-height: none; }
.modwin-color-check { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 6px; border: 1.5px solid var(--m-border); border-radius: var(--m-radius-full); cursor: pointer; font-size: var(--m-text-xs); transition: all var(--m-duration-fast) var(--m-ease-standard); }
.modwin-color-check input { position: absolute; opacity: 0; width: 0; height: 0; }
.modwin-color-check .mc-dot { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.12); flex-shrink: 0; }
.modwin-color-check.on { border-color: var(--m-primary); background: var(--m-primary-soft); color: var(--m-primary); font-weight: var(--m-weight-bold); }
.modwin-color-check:has(input:checked) { border-color: var(--m-primary); background: var(--m-primary-soft); color: var(--m-primary); font-weight: var(--m-weight-bold); }
.modwin-color-check:has(input:checked) .mc-dot { box-shadow: 0 0 0 2px var(--m-primary); }

/* price range */
.modwin-price-range { display: flex; align-items: center; gap: var(--m-space-2); }
.modwin-price-range input { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid var(--m-border); border-radius: var(--m-radius-md); font-family: var(--m-font-sans); font-size: var(--m-text-sm); }
.modwin-price-range span { color: var(--m-text-muted); font-size: var(--m-text-xs); }

/* toggles */
.modwin-filter-toggle { display: flex; align-items: center; gap: var(--m-space-2); padding: 6px 0; cursor: pointer; font-size: var(--m-text-sm); color: var(--m-text); }
.modwin-filter-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.modwin-filter-toggle .mt-track { width: 38px; height: 22px; border-radius: var(--m-radius-full); background: var(--m-color-neutral-300); position: relative; flex-shrink: 0; transition: background var(--m-duration-fast) var(--m-ease-standard); }
.modwin-filter-toggle .mt-thumb { position: absolute; top: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform var(--m-duration-fast) var(--m-ease-standard); }
.modwin-filter-toggle input:checked + .mt-track { background: var(--m-cta); }
.modwin-filter-toggle input:checked + .mt-track .mt-thumb { transform: translateX(-16px); }

.modwin-filters-apply {
    width: 100%; margin-top: var(--m-space-4); padding: 12px; border: none;
    background: var(--m-primary); color: var(--m-text-on-brand);
    border-radius: var(--m-radius-md); font-family: var(--m-font-sans);
    font-weight: var(--m-weight-bold); font-size: var(--m-text-sm); cursor: pointer;
    box-shadow: var(--m-shadow-brand); transition: background var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-filters-apply:hover { background: var(--m-primary-hover); }

/* mobile filter trigger + off-canvas sheet */
.modwin-filter-trigger {
    display: none; align-items: center; justify-content: center; gap: var(--m-space-2);
    width: 100%; margin-bottom: var(--m-space-4); padding: 12px;
    background: var(--m-surface); border: 1px solid var(--m-border-strong);
    border-radius: var(--m-radius-md); font-family: var(--m-font-sans);
    font-weight: var(--m-weight-bold); font-size: var(--m-text-sm); color: var(--m-text-strong); cursor: pointer;
}
@media (max-width: 999px) {
    .modwin-filter-trigger { display: inline-flex; }
    .modwin-filters {
        position: fixed; top: 0; bottom: 0; right: 0; left: auto;
        width: min(330px, 88vw); z-index: calc(var(--m-z-sticky) + 2);
        border-radius: 0; border: none; overflow-y: auto;
        /* anchored to the physical right edge; push fully off-screen to the right.
           CSS transforms ignore `dir`, so translateX(100%) always hides it right. */
        transform: translateX(100%);
        transition: transform var(--m-duration-slow) var(--m-ease-decelerate);
        box-shadow: 0 0 40px rgba(15,23,42,0.2);
    }
    .modwin-filters.open { transform: translateX(0) !important; }
    .modwin-filters-close { position: absolute; top: 10px; inset-inline-start: 12px; background: none; border: none; font-size: 28px; line-height: 1; color: var(--m-text-muted); cursor: pointer; }
    .modwin-filters-head { margin-top: var(--m-space-2); }
    .modwin-filters-overlay { position: fixed; inset: 0; background: rgba(15,23,42,0.45); opacity: 0; visibility: hidden; transition: opacity var(--m-duration-fast); z-index: calc(var(--m-z-sticky) + 1); }
    .modwin-filters-overlay.open { opacity: 1; visibility: visible; }
}

/* no-result message with reset link */
.modwin-noresult { background: var(--m-bg-subtle); border: 1px solid var(--m-border); border-radius: var(--m-radius-lg); padding: var(--m-space-5); text-align: center; color: var(--m-text); font-size: var(--m-text-sm); }
.modwin-noresult a { color: var(--m-primary); font-weight: var(--m-weight-bold); text-decoration: none; margin-inline-start: var(--m-space-2); }

/* category "about" box at the bottom (SEO prose) */
.modwin-cat-about {
    max-width: var(--m-container-max); margin: var(--m-space-10) auto 0;
    background: var(--m-bg-subtle); border: 1px solid var(--m-border);
    border-radius: var(--m-radius-xl); padding: var(--m-space-6) var(--m-space-8);
    color: var(--m-text); line-height: var(--m-leading-loose); font-size: var(--m-text-sm);
}
.modwin-cat-about h2 { font-size: var(--m-text-lg); font-weight: var(--m-weight-extrabold); color: var(--m-text-strong); margin: 0 0 var(--m-space-3); }
.modwin-cat-about p { margin: 0 0 var(--m-space-3); }
@media (max-width: 999px) { .modwin-cat-about { padding: var(--m-space-4) var(--m-space-5); margin-top: var(--m-space-6); } }

/* ═══ MY ACCOUNT REDESIGN ════════════════════════════════════ */

body.woocommerce-account .woocommerce-account .entry-title,
body.woocommerce-account .ct-woo-account-title { margin-bottom: var(--m-space-5); }

/* two-column: nav card (right in RTL) + content card */
body.woocommerce-account .ct-woo-account {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: var(--m-space-6);
    align-items: start;
    max-width: var(--m-container-max);
    margin-inline: auto;
}
@media (max-width: 999px) {
    body.woocommerce-account .ct-woo-account { display: block; }
}

/* === nav as a card === */
/* Blocksy constrains .ct-acount-nav to icon width — force it to fill the column */
body.woocommerce-account .ct-acount-nav {
    min-width: 0; width: 100% !important; max-width: none !important; flex: none !important;
}
@media (min-width: 1000px) {
    body.woocommerce-account .ct-acount-nav { position: sticky; top: 90px; }
}
.woocommerce-MyAccount-navigation {
    width: 100%;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-xl);
    padding: var(--m-space-2);
    box-shadow: var(--m-shadow-sm);
}
.woocommerce-MyAccount-navigation li a { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.woocommerce-MyAccount-navigation li { margin: 0; border: none; }
.woocommerce-MyAccount-navigation li a {
    display: flex; align-items: center; gap: var(--m-space-3);
    padding: 12px 14px; border-radius: var(--m-radius-md);
    color: var(--m-text); font-size: var(--m-text-sm); font-weight: var(--m-weight-semibold);
    text-decoration: none; transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.woocommerce-MyAccount-navigation li a:hover { background: var(--m-bg-subtle); color: var(--m-text-strong); }
.woocommerce-MyAccount-navigation li.is-active a {
    background: var(--m-primary); color: var(--m-text-on-brand); box-shadow: var(--m-shadow-brand);
}
/* Blocksy renders an icon (svg/::before) inside each link — tint it to match */
.woocommerce-MyAccount-navigation li a svg { width: 20px; height: 20px; flex-shrink: 0; }
.woocommerce-MyAccount-navigation li.is-active a svg { stroke: currentColor; color: var(--m-text-on-brand); }
/* logout distinct */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: var(--m-space-2); padding-top: var(--m-space-2); border-top: 1px solid var(--m-border); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--m-color-danger-fg); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: var(--m-color-danger-bg); }

/* === content card === */
.woocommerce-MyAccount-content {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-xl);
    padding: var(--m-space-6);
    min-width: 0;
}
.woocommerce-MyAccount-content > p { line-height: var(--m-leading-loose); color: var(--m-text); }
.woocommerce-MyAccount-content a:not(.button) { color: var(--m-primary); text-decoration: none; font-weight: var(--m-weight-semibold); }

/* dashboard greeting (child-theme dashboard.php override) */
.modwin-acct-greet { margin-bottom: var(--m-space-5); }
.modwin-acct-hello { font-size: var(--m-text-2xl); font-weight: var(--m-weight-extrabold); color: var(--m-text-strong); margin: 0 0 4px; }
.modwin-acct-intro { color: var(--m-text-muted); font-size: var(--m-text-sm); line-height: var(--m-leading-relaxed); margin: 0; }

/* dashboard quick-link tiles (injected via mu-plugin) */
.modwin-acct-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--m-space-3); margin-top: var(--m-space-5); }
.modwin-acct-tile {
    display: flex; flex-direction: column; gap: var(--m-space-1);
    padding: var(--m-space-4); border: 1px solid var(--m-border); border-radius: var(--m-radius-lg);
    background: var(--m-bg-subtle); text-decoration: none; transition: all var(--m-duration-fast) var(--m-ease-standard);
}
.modwin-acct-tile:hover { border-color: var(--m-primary); background: var(--m-primary-soft); transform: translateY(-2px); }
.modwin-acct-tile svg { width: 24px; height: 24px; color: var(--m-primary); stroke: var(--m-primary); margin-bottom: var(--m-space-1); }
.modwin-acct-tile .t-label { font-weight: var(--m-weight-bold); color: var(--m-text-strong); font-size: var(--m-text-sm); }
.modwin-acct-tile .t-sub { font-size: var(--m-text-xs); color: var(--m-text-muted); }
@media (max-width: 600px) { .modwin-acct-tiles { grid-template-columns: 1fr 1fr; } }

/* === orders table === */
.woocommerce-orders-table, .woocommerce-MyAccount-content table.shop_table {
    border: none; border-collapse: separate; border-spacing: 0; width: 100%;
}
.woocommerce-orders-table thead th {
    background: var(--m-bg-subtle); color: var(--m-text-muted); font-weight: var(--m-weight-semibold);
    font-size: var(--m-text-xs); padding: 12px 14px; border: none; text-align: start;
}
.woocommerce-orders-table tbody td {
    padding: 14px; border: none; border-bottom: 1px solid var(--m-border);
    font-size: var(--m-text-sm); color: var(--m-text); vertical-align: middle; text-align: start;
}
.woocommerce-orders-table tbody tr:last-child td { border-bottom: none; }
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a { color: var(--m-primary); font-weight: var(--m-weight-bold); }
/* status pill (base; per-status color added by mu-plugin class) */
.woocommerce-orders-table__cell-order-status { white-space: nowrap; }
.modwin-status { display: inline-block; padding: 4px 12px; border-radius: var(--m-radius-full); font-size: var(--m-text-xs); font-weight: var(--m-weight-bold); background: var(--m-bg-muted); color: var(--m-text-strong); }
.modwin-status.is-completed { background: var(--m-color-success-bg); color: var(--m-color-success-fg); }
.modwin-status.is-processing { background: var(--m-color-info-bg); color: var(--m-color-info-fg); }
.modwin-status.is-on-hold, .modwin-status.is-pending { background: var(--m-color-warning-bg); color: var(--m-color-warning-fg); }
.modwin-status.is-cancelled, .modwin-status.is-failed { background: var(--m-color-danger-bg); color: var(--m-color-danger-fg); }
/* branded view button (Blocksy paints it with its brown palette color-1) */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.button,
body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button,
body.woocommerce-account .woocommerce-MyAccount-content a.button {
    background-color: var(--m-primary) !important; background-image: none !important;
    color: var(--m-text-on-brand) !important;
    border: none !important; border-radius: var(--m-radius-md) !important;
    padding: 9px 20px !important; font-weight: var(--m-weight-bold); font-size: var(--m-text-sm);
    box-shadow: none !important; transition: background-color var(--m-duration-fast) var(--m-ease-standard);
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover { background-color: var(--m-primary-hover) !important; }

/* mobile: stack the orders table into cards */
@media (max-width: 768px) {
    .woocommerce-orders-table thead { display: none; }
    .woocommerce-orders-table tbody tr { display: block; border: 1px solid var(--m-border); border-radius: var(--m-radius-lg); margin-bottom: var(--m-space-3); padding: var(--m-space-2); }
    .woocommerce-orders-table tbody td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--m-border); padding: 9px 8px; }
    .woocommerce-orders-table tbody td::before { content: attr(data-title); color: var(--m-text-muted); font-size: var(--m-text-xs); font-weight: var(--m-weight-semibold); }
    .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions::before { display: none; }
    .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions { justify-content: stretch; }
    .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button { flex: 1; text-align: center; }
}

/* === addresses === */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: var(--m-space-4); margin-top: var(--m-space-4); }
.woocommerce-Address {
    border: 1px solid var(--m-border); border-radius: var(--m-radius-lg);
    padding: var(--m-space-4) var(--m-space-5); background: var(--m-bg-subtle);
}
.woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--m-space-2); }
.woocommerce-Address-title h2, .woocommerce-Address-title h3 { font-size: var(--m-text-base); font-weight: var(--m-weight-extrabold); color: var(--m-text-strong); margin: 0; }
.woocommerce-Address address { font-style: normal; line-height: var(--m-leading-loose); color: var(--m-text); font-size: var(--m-text-sm); }
.woocommerce-Address .edit { font-size: var(--m-text-xs); }
@media (max-width: 768px) { .woocommerce-Addresses { grid-template-columns: 1fr; } }

/* === account-details + address edit forms === */
.woocommerce-MyAccount-content form .woocommerce-form-row label,
.woocommerce-MyAccount-content form label { font-weight: var(--m-weight-semibold); color: var(--m-text-strong); font-size: var(--m-text-sm); margin-bottom: 4px; display: block; }
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form select {
    width: 100%; padding: 11px 14px; border: 1px solid var(--m-border);
    border-radius: var(--m-radius-md); font-family: var(--m-font-sans); font-size: var(--m-text-sm);
    background: var(--m-bg); color: var(--m-text);
}
.woocommerce-MyAccount-content form input:focus,
.woocommerce-MyAccount-content form select:focus { outline: none; border-color: var(--m-primary); box-shadow: 0 0 0 3px var(--m-primary-soft); }
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content form button.button,
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-Button {
    background-color: var(--m-cta) !important; background-image: none !important;
    color: var(--m-text-on-brand) !important;
    border: none !important; border-radius: var(--m-radius-md) !important;
    padding: 12px 28px !important; font-weight: var(--m-weight-bold); cursor: pointer;
    box-shadow: var(--m-shadow-cta) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:hover { background-color: var(--m-cta-hover) !important; }

/* mobile: nav becomes a wrapping 2-column grid of pills — every item visible, thumb-friendly, no hidden scroll */
@media (max-width: 999px) {
    body.woocommerce-account .ct-acount-nav { margin-bottom: var(--m-space-4); }
    .woocommerce-MyAccount-navigation { padding: var(--m-space-3); }
    .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; gap: var(--m-space-2); overflow: visible; }
    .woocommerce-MyAccount-navigation li { flex: 1 1 calc(50% - (var(--m-space-2) / 2)); margin: 0; }
    .woocommerce-MyAccount-navigation li a {
        justify-content: center; text-align: center; white-space: nowrap;
        padding: 12px 10px; border: 1px solid var(--m-border);
        background: var(--m-bg-subtle); border-radius: var(--m-radius-md);
    }
    .woocommerce-MyAccount-navigation li.is-active a {
        background: var(--m-primary); color: var(--m-text-on-brand); border-color: var(--m-primary);
    }
    /* logout — full-width row, danger tint */
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
        flex-basis: 100%; margin-top: 0; padding-top: 0; border-top: none;
    }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
        background: var(--m-color-danger-bg); border-color: var(--m-color-danger-border); color: var(--m-color-danger-fg);
    }
    .woocommerce-MyAccount-content { padding: var(--m-space-4); }
}

/* ═══ Brand strip (homepage) ════════════════════════════════ */

.modwin-brands {
    background: var(--m-bg-subtle);
    padding: var(--m-space-10) var(--m-container-gutter);
}
.modwin-brands__inner { max-width: var(--m-container-max); margin: 0 auto; }
.modwin-brands h2 {
    color: var(--m-text-strong);
    text-align: center;
    font-size: var(--m-text-3xl);
    font-weight: var(--m-weight-extrabold);
    margin: 0 0 var(--m-space-2);
}
.modwin-brands .sub {
    text-align: center;
    color: var(--m-text-muted);
    font-size: var(--m-text-sm);
    margin-bottom: var(--m-space-6);
}
.modwin-brands__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--m-space-3);
}
.modwin-brand-card {
    background: var(--m-bg);
    padding: var(--m-space-5) var(--m-space-3);
    border-radius: var(--m-radius-lg);
    text-align: center;
    text-decoration: none;
    transition: all var(--m-duration-normal) var(--m-ease-standard);
    border: 1px solid var(--m-border);
}
.modwin-brand-card:hover {
    border-color: var(--m-primary);
    background: var(--m-primary-soft);
    transform: translateY(-3px);
    box-shadow: var(--m-shadow-md);
}
.modwin-brand-name {
    font-size: var(--m-text-lg);
    font-weight: var(--m-weight-extrabold);
    letter-spacing: 1px;
    color: var(--m-text-strong);
    margin-bottom: 4px;
}
.modwin-brand-card:hover .modwin-brand-name { color: var(--m-primary); }
.modwin-brand-count { font-size: var(--m-text-xs); color: var(--m-text-muted); }

@media (max-width: 999px) { .modwin-brands__grid { grid-template-columns: repeat(2, 1fr); } }


/* Card overflow clip (kept here — affects badge positioning) */
[data-products] li.product,
.woocommerce ul.products li.product {
    overflow: hidden;
}

/* ============================================================
   Buy-box visual polish (consolidated) — 2026-06-19
   Scope: .modwin-buybox ONLY. Does NOT touch installment widgets
   (snapppay / .digipay-widget), trust box or delivery box.
   Pairs with the .modwin-priceline-top builder JS in modwin-design.php.
   ============================================================ */

/* Card: clean white surface with a soft shadow */
body.single-product .modwin-buybox {
    background: var(--m-bg) !important;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-xl);
    box-shadow: 0 6px 24px rgba(15, 23, 42, 0.07);
    padding: var(--m-space-5);
}
@media (max-width: 999px) {
    body.single-product .modwin-buybox { padding: var(--m-space-4); }
}

/* Top line: [discount badge] + [old struck price], above the big price */
body.single-product .modwin-buybox .modwin-priceline-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 0 0 var(--m-space-2);
    order: -1;
}
body.single-product .modwin-buybox .modwin-priceline-top:empty { display: none; }
body.single-product .modwin-buybox .modwin-priceline-top del {
    font-size: var(--m-text-2xl);
    color: var(--m-text-muted);
    opacity: 1;
    text-decoration-thickness: 1px;
}

/* Compact, on-brand discount pill */
body.single-product .modwin-buybox .modwin-discount-badge {
    margin: 0;
    gap: 4px;
    padding: 5px 12px;
    border-radius: var(--m-radius-full);
    font-size: var(--m-text-sm);
    box-shadow: none;
    background: var(--m-primary);
}
body.single-product .modwin-buybox .modwin-discount-num { font-size: var(--m-text-base); }
body.single-product .modwin-buybox .modwin-discount-text { font-size: var(--m-text-xs); opacity: 0.95; }

/* Main price: big, on its own line */
body.single-product .modwin-buybox .price {
    display: flex;
    align-items: baseline;
    margin: 0 0 var(--m-space-3);
}
body.single-product .modwin-buybox .price ins {
    text-decoration: none;
    background: transparent;
}

/* One clean divider before quantity + add-to-cart (hide Blocksy's own) */
body.single-product .modwin-buybox .ct-product-divider { display: none !important; }
body.single-product .modwin-buybox .ct-product-add-to-cart {
    border-top: 1px solid var(--m-border);
    padding-top: var(--m-space-4);
    margin-top: var(--m-space-4);
}

/* Quantity dropdown + layout beside button: mu-plugin modwin-qty-select.php (2026-06-19) */
/* Authenticity guarantee box takes the slot where the old trust box was */
body.single-product .summary > .modwin-authentic { order: 5; margin: 0 0 var(--m-space-3); }

/* ============================================================
   Product header composition — brand pill + title + meta — 2026-06-19
   Consolidate SKU + category into one tidy inline row under the title.
   ============================================================ */

/* brand pill: keep top, tighten gap to title */
body.single-product .summary > .modwin-brand-link { display: none !important; }

/* title sits closer to its meta row */
body.single-product .summary > .product_title,
body.single-product .summary > .entry-title { margin-bottom: var(--m-space-3); }

/* meta: one clean inline row (SKU · category), muted, light divider above */
body.single-product .summary > .product_meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 0;
    font-size: var(--m-text-sm);
    color: var(--m-text-muted);
    border-top: 1px solid var(--m-border);
    padding-top: var(--m-space-3);
    padding-bottom: 22px;
    margin: 0 0 var(--m-space-3);
}
body.single-product .summary > .product_meta > .sku_wrapper,
body.single-product .summary > .product_meta > .posted_in {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
/* subtle vertical separator between meta items */
body.single-product .summary > .product_meta > .sku_wrapper + .posted_in,
body.single-product .summary > .product_meta > .posted_in + .posted_in,
body.single-product .summary > .product_meta > .posted_in + .tagged_as {
    margin-inline-start: 20px !important;
    padding-inline-start: 20px !important;
    border-inline-start: 1px solid var(--m-border);
}

/* ============================================================
   MOBILE HEADER + RIGHT-SIDE DRAWER + MINI-CART FIX  (2026-06-20)
   Brand: white bg, brown #2d2418 ink, terracotta #c97b5a, blue #2563eb
   ============================================================ */
.mh-mobile-header, .mh-mh-search { display: none; }

@media (min-width: 1000px) {
  .mh-drawer, .mh-drawer-ov { display: none !important; }
}

@media (max-width: 999.98px) {
  /* hide Blocksy's default mobile header */
  #header [data-device="mobile"] { display: none !important; }

  /* ---------- sticky top row ---------- */
  .mh-mobile-header {
    display: block; background: #fff;
    padding: 8px 14px 4px;
    position: sticky; top: 0; z-index: 999;
  }
  .mh-mh-bar {
    position: relative; display: flex; align-items: center;
    justify-content: space-between; min-height: 48px;
  }
  .mh-mh-side { display: flex; align-items: center; gap: 2px; }
  .mh-mh-logo {
    position: absolute; left: 50%; transform: translateX(-50%);
    display: flex; align-items: center;
  }
  .mh-mh-logo img { height: 38px; width: auto; display: block; }

  .mh-mh-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-width: 40px; height: 40px; padding: 0 6px;
    color: #1f2937; background: none; border: 0; cursor: pointer;
    text-decoration: none; border-radius: 10px; position: relative;
    -webkit-tap-highlight-color: transparent;
  }
  .mh-mh-btn:active { background: rgba(31, 41, 55, .06); }
  .mh-mh-btn svg { width: 24px; height: 24px; display: block; }
  .mh-mh-menu-label { font-size: 15px; font-weight: 600; font-family: 'Vazirmatn', Tahoma, sans-serif; color: #1f2937; }

  .mh-mh-cart .mh-cart-count {
    position: absolute; top: 1px; inset-inline-start: 1px;
    min-width: 18px; height: 18px; padding: 0 4px;
    display: inline-flex; align-items: center; justify-content: center;
    background: #2563eb; color: #fff; font-size: 11px; font-weight: 700;
    line-height: 1; border-radius: 999px; font-family: 'Vazirmatn', Tahoma, sans-serif;
  }
  .mh-cart-count[data-count="0"], .mh-cart-count:empty { display: none; }

  /* ---------- search row (white pill, not sticky) ---------- */
  .mh-mh-search {
    display: flex; align-items: center; gap: 8px;
    margin: 6px 14px 12px; background: #f4f3f2;
    border: 1px solid rgba(45, 36, 24, .10); border-radius: 14px;
    padding: 0 14px; height: 46px;
  }
  .mh-mh-search input[type="search"] {
    flex: 1; min-width: 0; border: 0; background: none; outline: none;
    font-size: 15px; font-family: 'Vazirmatn', Tahoma, sans-serif;
    color: #2d2418; padding: 0; height: 100%;
  }
  .mh-mh-search input[type="search"]::placeholder { color: rgba(45, 36, 24, .45); }
  .mh-mh-search input[type="search"]::-webkit-search-cancel-button { display: none; }
  .mh-mh-search button { background: none; border: 0; padding: 0; cursor: pointer; color: rgba(45, 36, 24, .55); display: inline-flex; align-items: center; }
  .mh-mh-search button svg { width: 22px; height: 22px; display: block; }

  /* ---------- drawer ---------- */
  .mh-drawer-ov {
    position: fixed; inset: 0; z-index: 99999;
    background: rgba(20, 16, 12, .45); opacity: 0; transition: opacity .28s ease;
  }
  .mh-drawer-ov.is-open { opacity: 1; }

  .mh-drawer {
    position: fixed; top: 0; right: 0; height: 100%; z-index: 99999;
    width: 86vw; max-width: 340px; background: #fff;
    display: flex; flex-direction: column;
    transform: translateX(100%); transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    box-shadow: -8px 0 30px rgba(20, 16, 12, .12);
    font-family: 'Vazirmatn', Tahoma, sans-serif; color: #2d2418;
  }
  .mh-drawer.is-open { transform: none; }

  .mh-drawer-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px; border-bottom: 1px dashed rgba(45, 36, 24, .18);
  }
  .mh-drawer-close { background: none; border: 0; padding: 4px; cursor: pointer; color: #2d2418; display: inline-flex; }
  .mh-drawer-close svg { width: 26px; height: 26px; }
  .mh-drawer-head-side { display: flex; align-items: center; gap: 12px; }
  .mh-drawer-head-ic { color: #2d2418; display: inline-flex; }
  .mh-drawer-head-ic svg { width: 24px; height: 24px; }
  .mh-drawer-head-logo img { height: 34px; width: auto; display: block; }

  .mh-drawer-body { flex: 1; overflow-y: auto; padding: 16px; -webkit-overflow-scrolling: touch; }

  /* account card */
  .mh-drawer-account {
    display: flex; align-items: center; gap: 12px; padding: 14px; margin-bottom: 16px;
    border: 1.5px dashed rgba(45, 36, 24, .22); border-radius: 16px;
    text-decoration: none; color: #2d2418;
  }
  .mh-drawer-account-av { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; background: #2d2418; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
  .mh-drawer-account-av svg { width: 24px; height: 24px; }
  .mh-drawer-account-txt { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .mh-drawer-account-txt small { font-size: 12px; color: rgba(45, 36, 24, .55); }
  .mh-drawer-account-txt b { font-size: 14.5px; font-weight: 700; }
  .mh-drawer-account-btn { flex: 0 0 auto; font-size: 13px; font-weight: 600; padding: 7px 16px; border-radius: 10px; border: 1.5px dashed rgba(45, 36, 24, .3); color: #2d2418; }

  /* categories card + accordion */
  .mh-drawer-cats { border: 1.5px dashed rgba(45, 36, 24, .22); border-radius: 16px; margin-bottom: 22px; overflow: hidden; }
  .mh-drawer-cats-head { width: 100%; display: flex; align-items: center; gap: 12px; background: none; border: 0; cursor: pointer; padding: 14px; color: #2d2418; font-family: inherit; }
  .mh-drawer-cats-tag { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; background: rgba(201, 123, 90, .14); color: #c97b5a; display: inline-flex; align-items: center; justify-content: center; }
  .mh-drawer-cats-tag svg { width: 20px; height: 20px; }
  .mh-drawer-cats-title { flex: 1; text-align: start; font-size: 15px; font-weight: 700; }
  .mh-drawer-cats-chev { flex: 0 0 auto; color: rgba(45, 36, 24, .5); display: inline-flex; transition: transform .25s; }
  .mh-drawer-cats-chev svg { width: 20px; height: 20px; }
  .mh-drawer-cats.is-expanded .mh-drawer-cats-chev { transform: rotate(180deg); }

  .mh-drawer-cats-list { max-height: 0; overflow: hidden; transition: max-height .32s ease; padding: 0 12px; }
  .mh-drawer-cats.is-expanded .mh-drawer-cats-list { max-height: 2200px; }
  .mh-drawer-cats-list a {
    display: flex; align-items: center; gap: 14px;
    padding: 5px 4px; min-height: 56px;
    text-decoration: none; color: #2d2418; font-size: 15px; font-weight: 600;
    border-top: 1px solid rgba(45, 36, 24, .07);
  }
  .mh-drawer-cats-list a:first-child { border-top: 0; }
  .mh-cat-ic { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px; background: #f3e7d6; color: #c97b5a; display: inline-flex; align-items: center; justify-content: center; }
  .mh-cat-ic svg { width: 24px; height: 24px; }
  .mh-cat-nm { flex: 1; text-align: start; }

  /* other pages */
  .mh-drawer-pages-label { font-size: 13px; font-weight: 700; color: rgba(45, 36, 24, .45); text-align: start; margin: 0 4px 6px; }
  .mh-drawer-pages a { display: flex; align-items: center; gap: 12px; padding: 12px 4px; text-decoration: none; color: #2d2418; font-size: 14.5px; font-weight: 500; border-bottom: 1px solid rgba(45, 36, 24, .06); }
  .mh-drawer-pages a:last-child { border-bottom: 0; }
  .mh-drawer-pages-ic { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: rgba(45, 36, 24, .06); color: #2d2418; display: inline-flex; align-items: center; justify-content: center; }
  .mh-drawer-pages-ic svg { width: 20px; height: 20px; }
}

/* ============================================================
   Mini-cart panel — consistent style on ALL pages (Image #10)
   ============================================================ */
.woocommerce-mini-cart-item .quantity,
.woocommerce-mini-cart__total .quantity {
  background: none !important; border: 0 !important;
  border-radius: 0 !important; height: auto !important;
  padding: 0 !important; display: inline !important;
}
.woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background: #fff !important; color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
}
.woocommerce-mini-cart__buttons a.checkout.button,
.woocommerce-mini-cart__buttons a.checkout {
  background: #2563eb !important; color: #fff !important;
  border: 1px solid #2563eb !important;
}

/* drawer accents → site blue 2026-06-20 */
@media (max-width: 999.98px) {
  .mh-cat-ic            { background: #eff6ff; color: #2563eb; }
  .mh-drawer-cats-tag   { background: rgba(37, 99, 235, .12); color: #2563eb; }
  .mh-drawer-pages-ic   { background: #eff6ff; color: #2563eb; }
  .mh-drawer-account-av { background: #2563eb; }
  .mh-drawer-account-btn{ border-color: #2563eb; color: #2563eb; }
}

/* sticky header bottom border 2026-06-20 */
@media (max-width: 999.98px) {
  .mh-mobile-header { border-bottom: 1px solid #ececec; }
}

/* equal vertical spacing around search 2026-06-20 */
@media (max-width: 999.98px) {
  .mh-mh-search { margin-top: 10px; margin-bottom: 10px; }
}

/* iOS: prevent focus-zoom on form fields (font-size must be >= 16px) 2026-06-20 */
@media (max-width: 1024px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}
/* Modwin account experience: scoped to WooCommerce account pages. */
body.woocommerce-account .ct-woo-account { gap: 24px; grid-template-columns: 276px minmax(0,1fr); }
body.woocommerce-account .ct-acount-nav { overflow: hidden; border: 1px solid var(--m-border); border-radius: 20px; background: var(--m-surface); box-shadow: 0 10px 30px rgba(16,24,40,.05); }
.woocommerce-MyAccount-navigation { border: 0; border-radius: 0; box-shadow: none; padding: 10px; }
.modwin-account-profile { display:flex; align-items:center; gap:11px; padding:18px 16px 16px; background:linear-gradient(135deg,#172554,#2563eb); color:#fff; }
.modwin-account-avatar { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:14px; background:rgba(255,255,255,.17); font-size:18px; font-weight:800; }
.modwin-account-profile-copy { min-width:0; display:grid; gap:3px; }.modwin-account-profile-copy b { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.modwin-account-profile-copy small { color:rgba(255,255,255,.72); font-size:11px; direction:ltr; text-align:right; }
.woocommerce-MyAccount-navigation li a { padding:12px 13px; }.woocommerce-MyAccount-navigation li.is-active a { background:#2563eb; box-shadow:none; }
.woocommerce-MyAccount-content { border-radius:20px; padding:28px; box-shadow:0 10px 30px rgba(16,24,40,.04); }
.modwin-acct-greet { display:none; }
.modwin-account-overview { overflow:hidden; border:1px solid #dbe7ff; border-radius:18px; background:linear-gradient(115deg,#f7faff,#edf4ff); }
.modwin-account-overview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:25px 25px 21px; }.modwin-account-eyebrow { display:block; margin-bottom:7px; color:#2563eb; font-size:12px; font-weight:800; }.modwin-account-overview h2 { margin:0 0 7px; color:#172554; font-size:22px; font-weight:800; letter-spacing:-.4px; }.modwin-account-overview p { margin:0; color:#52617b; font-size:13px; }
.modwin-account-primary { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; padding:11px 15px; border-radius:10px; background:#2563eb; color:#fff!important; font-size:12px; font-weight:800; }.modwin-account-primary svg,.modwin-acct-tile>svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.modwin-account-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #dbe7ff; background:rgba(255,255,255,.58); }.modwin-account-stats a { display:grid; gap:3px; padding:14px 25px; border-inline-start:1px solid #dbe7ff; color:#5c6b85!important; }.modwin-account-stats a:first-child { border-inline-start:0; }.modwin-account-stats strong { color:#172554; font-size:20px; line-height:1.2; }.modwin-account-stats span { font-size:11px; font-weight:600; }
.modwin-account-actions { margin-top:28px; }.modwin-account-actions h3 { margin:0 0 12px; color:#1f2937; font-size:16px; font-weight:800; }.modwin-acct-tiles { grid-template-columns:repeat(3,1fr); margin:0; gap:11px; }.modwin-acct-tile { position:relative; flex-direction:row; align-items:center; gap:10px; min-height:86px; padding:14px; background:#fff; }.modwin-acct-tile i { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:11px; background:#eff6ff; color:#2563eb; }.modwin-acct-tile i svg { width:20px; height:20px; margin:0; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.modwin-acct-tile span { display:grid; gap:4px; min-width:0; }.modwin-acct-tile b { color:#1f2937; font-size:13px; font-weight:800; }.modwin-acct-tile small { color:#6b7280; font-size:10.5px; line-height:1.6; }.modwin-acct-tile>svg { width:15px; margin-inline-start:auto; color:#9ca3af; }.modwin-acct-tile:hover { transform:translateY(-2px); border-color:#93c5fd; background:#f8fbff; }
@media (max-width:999px) { body.woocommerce-account .ct-acount-nav { border-radius:16px; }.modwin-account-profile { padding:14px; }.woocommerce-MyAccount-content { padding:18px; }.modwin-account-overview-head { padding:20px; }.modwin-account-overview h2 { font-size:19px; }.modwin-acct-tiles { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .modwin-account-overview-head { display:block; }.modwin-account-primary { width:100%; margin-top:16px; }.modwin-account-stats a { padding:13px 10px; text-align:center; }.modwin-account-stats strong { font-size:18px; }.modwin-account-actions { margin-top:22px; }.modwin-acct-tiles { grid-template-columns:1fr; }.modwin-acct-tile { min-height:70px; }.woocommerce-MyAccount-navigation li a { font-size:12px; } }
/* Account mobile navigation + support tickets refinement. */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets a { color:#1d4ed8; background:#eff6ff; border:1px solid #bfdbfe; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets a::after { content:'پاسخ‌گویی سریع'; margin-inline-start:auto; color:#2563eb; font-size:9px; font-weight:800; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets.is-active a { color:#fff; background:#2563eb; border-color:#2563eb; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets.is-active a::after { color:#dbeafe; }

/* Support endpoint: make ticket actions clear and conversation-like, without touching admin screens. */
body.woocommerce-account .fx-wrap { display:grid; gap:16px; }
body.woocommerce-account .fx-collapse { overflow:hidden; border:1px solid #c7d8ff; border-radius:16px; background:#f6f9ff; }
body.woocommerce-account .fx-collapse summary { display:flex; align-items:center; min-height:58px; padding:0 18px; color:#173b88; font-size:14px; font-weight:800; cursor:pointer; list-style:none; }
body.woocommerce-account .fx-collapse summary::-webkit-details-marker { display:none; }
body.woocommerce-account .fx-collapse summary::before { content:'+'; display:grid; place-items:center; width:25px; height:25px; margin-inline-end:9px; border-radius:8px; background:#2563eb; color:#fff; font-size:19px; font-weight:400; line-height:1; }
body.woocommerce-account .fx-collapse[open] summary { border-bottom:1px solid #dbe7ff; }
body.woocommerce-account .fx-collapse[open] summary::before { content:'−'; }
body.woocommerce-account .fx-collapse__body { padding:18px; background:#fff; }
body.woocommerce-account .fx-card { overflow:hidden; border:1px solid #e5e7eb; border-radius:16px; box-shadow:none; }
body.woocommerce-account .fx-card__head { padding:16px 18px; border-bottom:1px solid #eef0f3; background:#fff; }
body.woocommerce-account .fx-card__title { color:#1f2937; font-size:15px; font-weight:800; }
body.woocommerce-account .fx-ticket-row { gap:12px; padding:15px 18px; transition:background .16s ease; }
body.woocommerce-account .fx-ticket-row:hover { background:#fafcff; }
body.woocommerce-account .fx-ticket-row__subject { color:#1f2937; font-weight:800; }
body.woocommerce-account .fx-ticket-row__meta { color:#7b8494; }
body.woocommerce-account .fx-ticket-row .fx-btn { flex:0 0 auto; border-color:#bfdbfe; color:#1d4ed8!important; background:#fff!important; font-weight:800; }
body.woocommerce-account .fx-wrap .fx-form-actions .fx-btn { background:#2563eb!important; color:#fff!important; border-radius:10px; min-height:44px; padding-inline:20px; font-weight:800; }

@media (max-width: 600px) {
  /* A single, swipeable row is much easier than a five-item grid on a phone. */
  body.woocommerce-account .ct-acount-nav { overflow:visible; border:0; box-shadow:none; background:transparent; }
  body.woocommerce-account .modwin-account-profile { border-radius:16px 16px 0 0; }
  body.woocommerce-account .woocommerce-MyAccount-navigation { overflow:hidden; padding:9px 0 0; background:transparent; }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul { flex-wrap:nowrap; overflow-x:auto; gap:8px; padding:0 1px 7px; scroll-snap-type:x proximity; scrollbar-width:none; }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display:none; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li,
  body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { flex:0 0 auto; margin:0; padding:0; border:0; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a { min-height:42px; padding:9px 12px; border-radius:11px; font-size:11px; scroll-snap-align:start; white-space:nowrap; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a svg { width:17px; height:17px; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets a { background:#eff6ff; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets a::after { display:none; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { min-width:42px; padding-inline:11px; font-size:0; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a svg { margin:0; }
  body.woocommerce-account .woocommerce-MyAccount-content { border-radius:16px; padding:15px; }
  body.woocommerce-account .fx-collapse summary { min-height:54px; padding:0 14px; }
  body.woocommerce-account .fx-collapse__body { padding:14px; }
  body.woocommerce-account .fx-ticket-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; padding:14px; }
  body.woocommerce-account .fx-ticket-row__main { min-width:0; }
  body.woocommerce-account .fx-ticket-row .fx-badge { grid-column:1; grid-row:2; justify-self:start; }
  body.woocommerce-account .fx-ticket-row .fx-btn { grid-column:2; grid-row:1 / span 2; align-self:center; padding:8px 11px; }
  body.woocommerce-account .fx-card__head { padding:14px; }
}
/* View-order: information hierarchy first, especially on phone screens. */
body.woocommerce-account .modwin-order-view { margin:0; }.modwin-order-hero { overflow:hidden; margin-bottom:20px; border:1px solid #dbe7ff; border-radius:18px; background:linear-gradient(115deg,#f8fbff,#edf4ff); }.modwin-order-hero__top { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 22px; }.modwin-order-kicker { display:block; margin-bottom:5px; color:#2563eb; font-size:11px; font-weight:800; }.modwin-order-hero h2 { margin:0 0 5px; color:#172554; font-size:21px; font-weight:800; }.modwin-order-hero p { margin:0; color:#64748b; font-size:12px; }.modwin-order-hero__meta { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #dbe7ff; background:rgba(255,255,255,.62); }.modwin-order-hero__meta span { display:grid; gap:4px; padding:13px 22px; color:#64748b; font-size:11px; }.modwin-order-hero__meta span+span { border-inline-start:1px solid #dbe7ff; }.modwin-order-hero__meta b { color:#172554; font-size:13px; font-weight:800; }.modwin-order-section-head { display:flex; align-items:center; justify-content:space-between; margin:0 0 9px; }.modwin-order-section-head h3 { margin:0; color:#1f2937; font-size:16px; font-weight:800; }.modwin-order-section-head span { color:#6b7280; font-size:11px; }.modwin-order-view .order_details { overflow:hidden; border:1px solid #e5e7eb; border-radius:14px; }.modwin-order-view .order_details thead th { padding:12px 16px; background:#f8fafc; color:#64748b; font-size:11px; }.modwin-order-view .order_details tbody td { padding:15px 16px; border-color:#eef0f3; }.modwin-order-view .order_details tfoot th,.modwin-order-view .order_details tfoot td { padding:10px 16px; border-color:#eef0f3; font-size:13px; }.modwin-order-view .order_details tfoot tr:last-child th,.modwin-order-view .order_details tfoot tr:last-child td { padding-block:14px; color:#172554; font-size:15px; font-weight:800; background:#f8fbff; }.modwin-order-note { margin-top:16px; padding:14px 16px; border-radius:12px; background:#fffbeb; color:#713f12; font-size:13px; }.modwin-order-note p { margin:5px 0 0; line-height:1.9; }.modwin-order-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }.modwin-order-actions .button { min-height:42px; display:inline-flex; align-items:center; }.woocommerce-customer-details { margin-top:22px; padding-top:20px; border-top:1px solid #e5e7eb; }.woocommerce-customer-details h2 { color:#1f2937; font-size:16px; font-weight:800; }
@media(max-width:600px){.modwin-order-hero__top { padding:17px; }.modwin-order-hero h2 { font-size:18px; }.modwin-order-hero__meta span { padding:12px 14px; }.modwin-order-view .order_details { display:table; }.modwin-order-view .order_details thead { display:table-header-group; }.modwin-order-view .order_details tbody tr { display:table-row; border:0; margin:0; padding:0; }.modwin-order-view .order_details tbody td { display:table-cell; padding:13px 10px; }.modwin-order-view .order_details tbody td::before { display:none; }.modwin-order-view .order_details tfoot th,.modwin-order-view .order_details tfoot td { padding:10px; }.modwin-order-actions .button { width:100%; justify-content:center; }.woocommerce-customer-details address { font-size:13px; line-height:2; }}
/* Keep the support entry distinct without an extra promise label. */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets a::after { content:none; display:none; }
/* A headset icon for the custom support endpoint (Blocksy otherwise uses its generic icon). */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  content:"";
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin-inline-end:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18v-6a8 8 0 0 1 16 0v6'/%3E%3Cpath d='M4 14a2 2 0 0 1 2-2h1v6H6a2 2 0 0 1-2-2v-2ZM20 14a2 2 0 0 0-2-2h-1v6h1a2 2 0 0 0 2-2v-2ZM17 21h-4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18v-6a8 8 0 0 1 16 0v6'/%3E%3Cpath d='M4 14a2 2 0 0 1 2-2h1v6H6a2 2 0 0 1-2-2v-2ZM20 14a2 2 0 0 0-2-2h-1v6h1a2 2 0 0 0 2-2v-2ZM17 21h-4'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Modwin view-order v2 */
.modwin-order-v2{color:#202839}.mov2-titlebar{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid #e5e7eb}.mov2-title{display:flex;align-items:center;gap:10px}.mov2-title__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f1f5f9;color:#344054;font-size:18px}.mov2-title div{display:grid;gap:2px}.mov2-title span{font-size:18px;font-weight:800}.mov2-title small{color:#7b8494;font-size:11px}.mov2-titlebar>a{color:#2563eb!important;font-size:12px;font-weight:800}.mov2-summary{border-bottom:1px solid #e5e7eb}.mov2-summary__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:18px 0}.mov2-summary__grid>div,.mov2-delivery>div,.mov2-payment>div{display:flex;align-items:center;gap:8px;min-width:0}.mov2-summary small{color:#8a93a3;font-size:11px;font-weight:600}.mov2-summary b{color:#28334b;font-size:12.5px}.mov2-delivery{display:grid;grid-template-columns:auto auto 1fr;gap:20px;padding:18px 0;border-top:1px solid #eef0f3}.mov2-delivery__address{align-items:flex-start!important}.mov2-delivery__address b{line-height:1.9}.mov2-payment{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;padding:18px 0;border-top:1px solid #eef0f3}.mov2-total{font-size:15px!important;color:#172554!important}.mov2-shipment{margin-top:20px;padding:18px;border:1px solid #e3e7ed;border-radius:16px;background:#fff}.mov2-shipment__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mov2-shipment__head>div{display:flex;align-items:center;gap:9px}.mov2-shipment__head b{font-size:13px}.mov2-shipment__head>div span{padding-inline-start:9px;border-inline-start:1px solid #dfe3e8;color:#677185;font-size:11px}.mov2-shipment__badge{color:#2563eb;font-size:11px;font-weight:800}.mov2-shipment--success .mov2-shipment__badge,.mov2-shipment--success .mov2-progress__copy b{color:#22863a}.mov2-shipment--danger .mov2-shipment__badge,.mov2-shipment--danger .mov2-progress__copy b{color:#dc2626}.mov2-progress{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:20px;padding:22px 28px 18px}.mov2-progress__copy{display:grid;gap:4px;text-align:center}.mov2-progress__copy b{color:#2563eb;font-size:14px}.mov2-progress__copy small{color:#8a93a3;font-size:10px}.mov2-progress__track{overflow:hidden;height:5px;border-radius:999px;background:#e8edf3}.mov2-progress__track span{display:block;height:100%;border-radius:inherit;background:#3b82f6}.mov2-shipment--success .mov2-progress__track span{background:#40b45a}.mov2-shipment--danger .mov2-progress__track span{background:#ef4444}.mov2-tracking{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:4px;border-radius:10px;background:#f8fafc}.mov2-tracking span{display:flex;align-items:center;gap:10px}.mov2-tracking small{color:#7b8494;font-size:10px}.mov2-tracking code{background:transparent;color:#26334c;font-size:12px;font-weight:800}.mov2-tracking button{padding:7px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#fff;color:#2563eb;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.mov2-products{margin-top:10px;border-top:1px solid #edf0f3}.mov2-product{display:grid;grid-template-columns:96px 1fr;gap:15px;padding:18px 10px}.mov2-product+.mov2-product{border-top:1px solid #edf0f3}.mov2-product__image{overflow:hidden;aspect-ratio:1;border-radius:10px;background:#f7f8fa}.mov2-product__image img{width:100%;height:100%;object-fit:cover}.mov2-product__body{align-self:center}.mov2-product__body h3{margin:0 0 8px;font-size:13px;font-weight:800;line-height:1.8}.mov2-product__body h3 a{color:#1e2b4b!important}.mov2-product__meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-bottom:9px;color:#737e91;font-size:10.5px}.mov2-product__meta ul{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;padding:0;list-style:none}.mov2-product__meta p{margin:0}.mov2-product__body>strong{font-size:13px;color:#172554}.mov2-note{margin-top:14px;padding:14px;border-radius:10px;background:#fffbeb;color:#713f12;font-size:12px}.mov2-note p{margin:4px 0 0}.mov2-actions{display:flex;gap:8px;margin-top:16px}
@media(max-width:600px){.mov2-titlebar{align-items:flex-start}.mov2-titlebar>a{margin-top:8px;font-size:10px}.mov2-title span{font-size:16px}.mov2-summary__grid{grid-template-columns:1fr 1fr;gap:14px}.mov2-summary__grid>div{display:grid;gap:4px}.mov2-summary__grid>div:last-child{grid-column:1/-1}.mov2-delivery{grid-template-columns:1fr 1fr;gap:14px}.mov2-delivery>div{display:grid;gap:4px}.mov2-delivery__address{grid-column:1/-1}.mov2-payment{grid-template-columns:1fr 1fr;gap:14px}.mov2-payment>div{display:grid;gap:4px}.mov2-payment>div:first-child{grid-column:1/-1}.mov2-shipment{padding:14px;margin-inline:-1px}.mov2-shipment__head{align-items:flex-start}.mov2-shipment__head>div{display:grid;gap:3px}.mov2-shipment__head>div span{padding:0;border:0}.mov2-shipment__badge{text-align:left;max-width:145px}.mov2-progress{display:flex;flex-direction:column;gap:12px;padding:20px 0 16px}.mov2-progress__copy{text-align:center}.mov2-progress__track{width:100%}.mov2-tracking{align-items:flex-start;gap:8px;padding:11px}.mov2-tracking span{display:grid;gap:3px}.mov2-product{grid-template-columns:76px 1fr;gap:11px;padding:15px 0}.mov2-product__body h3{font-size:12px;margin-bottom:5px}.mov2-product__meta{display:grid;gap:3px}.mov2-actions{display:grid}.mov2-actions .button{width:100%;justify-content:center}}
/* View-order v2 refinement: denser hierarchy and a calmer professional surface. */
body.woocommerce-account .woocommerce-MyAccount-content:has(.modwin-order-v2){padding:24px;background:#fff}
.modwin-order-v2{max-width:980px;margin-inline:auto!important}
.mov2-titlebar{padding-bottom:14px}.mov2-title__icon{width:38px;height:38px;background:#f4f7fb;border:1px solid #e7ebf0}.mov2-titlebar>a{padding:8px 11px;border-radius:9px;background:#f5f8ff}
.mov2-summary{margin-top:2px}.mov2-summary__grid{padding:16px 2px}.mov2-summary__grid>div{gap:10px}.mov2-summary__grid>div:not(:last-child){border-inline-end:1px solid #edf0f4;padding-inline-end:22px}.mov2-summary__grid>div+div{padding-inline-start:22px}
.mov2-delivery{grid-template-columns:1fr 1fr;padding:16px 2px;gap:12px 32px}.mov2-delivery>div{display:grid;grid-template-columns:max-content 1fr;gap:10px}.mov2-delivery__address{grid-column:1/-1;display:grid!important;grid-template-columns:max-content 1fr!important;align-items:start!important;padding-top:4px}.mov2-delivery__address b{line-height:1.85;color:#3b465b;font-weight:600}
.mov2-payment{padding:16px 2px}.mov2-payment>div{display:grid;gap:4px}.mov2-summary small{letter-spacing:0}.mov2-summary b{font-size:12px}.mov2-total{font-size:14px!important}
.mov2-shipment{margin-top:18px;padding:0;border-color:#dfe5ec;border-radius:16px;box-shadow:0 5px 18px rgba(31,42,68,.035)}.mov2-shipment__head{padding:15px 18px;border-bottom:1px solid #edf0f4;background:#fbfcfe;border-radius:16px 16px 0 0}.mov2-shipment__badge{padding:5px 10px;border-radius:999px;background:#eff6ff}.mov2-shipment--success .mov2-shipment__badge{background:#edf9f0}.mov2-shipment--danger .mov2-shipment__badge{background:#fff1f1}.mov2-shipment--warning .mov2-shipment__badge{background:#fff8e7;color:#a16207}
.mov2-progress{grid-template-columns:190px 1fr;padding:18px}.mov2-progress__copy{text-align:start}.mov2-progress__copy b{color:#344054!important;font-size:11px}.mov2-progress__copy small{color:#667085;font-size:12px;font-weight:800}.mov2-progress__track{height:4px}.mov2-tracking{margin:0 18px 4px}.mov2-products{margin:0 18px}.mov2-product{grid-template-columns:88px 1fr;padding:16px 0}.mov2-product__image{border:1px solid #edf0f3}.mov2-product__body h3{max-width:650px}.mov2-product__body>strong{display:inline-block;margin-top:2px}.mov2-actions{justify-content:flex-end}
@media(max-width:600px){body.woocommerce-account .woocommerce-MyAccount-content:has(.modwin-order-v2){padding:14px}.mov2-titlebar>a{padding:7px 8px}.mov2-summary__grid{gap:0}.mov2-summary__grid>div{padding:10px 0!important;border:0!important}.mov2-summary__grid>div:nth-child(2){padding-inline-start:12px!important;border-inline-start:1px solid #edf0f4!important}.mov2-summary__grid>div:last-child{padding-top:13px!important;border-top:1px solid #edf0f4!important}.mov2-delivery{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:5px 0}.mov2-delivery>div{display:grid;grid-template-columns:1fr;gap:4px;padding:11px 0}.mov2-delivery__address{grid-template-columns:1fr!important;padding-top:12px!important;border-top:1px solid #edf0f4}.mov2-payment{gap:0 12px;padding:5px 0}.mov2-payment>div{padding:10px 0}.mov2-payment>div:first-child{padding-bottom:12px;border-bottom:1px solid #edf0f4}.mov2-shipment__head{padding:13px}.mov2-progress{padding:15px 13px}.mov2-tracking{margin:0 13px}.mov2-products{margin:0 13px}.mov2-product{grid-template-columns:70px 1fr}.mov2-product__body>strong{font-size:12px}}
/* Slightly larger type scale for the order detail view. */
.modwin-order-v2 .mov2-title span{font-size:20px}
.modwin-order-v2 .mov2-title small{font-size:12px}
.modwin-order-v2 .mov2-titlebar>a{font-size:13px}
.modwin-order-v2 .mov2-summary small{font-size:12px}
.modwin-order-v2 .mov2-summary b{font-size:14px}
.modwin-order-v2 .mov2-total{font-size:16px!important}
.modwin-order-v2 .mov2-shipment__head b{font-size:14px}
.modwin-order-v2 .mov2-shipment__head>div span{font-size:12px}
.modwin-order-v2 .mov2-shipment__badge{font-size:12px}
.modwin-order-v2 .mov2-progress__copy b{font-size:12px}
.modwin-order-v2 .mov2-progress__copy small{font-size:13px}
.modwin-order-v2 .mov2-tracking small{font-size:11px}
.modwin-order-v2 .mov2-tracking code{font-size:13px}
.modwin-order-v2 .mov2-product__body h3{font-size:14px}
.modwin-order-v2 .mov2-product__meta{font-size:12px}
.modwin-order-v2 .mov2-product__body>strong{font-size:14px}
@media(max-width:600px){.modwin-order-v2 .mov2-title span{font-size:18px}.modwin-order-v2 .mov2-titlebar>a{font-size:11px}.modwin-order-v2 .mov2-summary small{font-size:11.5px}.modwin-order-v2 .mov2-summary b{font-size:13px}.modwin-order-v2 .mov2-product__body h3{font-size:13px}.modwin-order-v2 .mov2-product__meta{font-size:11px}.modwin-order-v2 .mov2-product__body>strong{font-size:13px}}
/* My Account orders: compact rows and clearly separated actions. */
body.woocommerce-orders .woocommerce-MyAccount-content{padding:22px}
body.woocommerce-orders .woocommerce-orders-table{table-layout:auto;margin:0;border:1px solid #e3e7ed;border-radius:15px;border-collapse:separate;border-spacing:0;overflow:hidden}
body.woocommerce-orders .woocommerce-orders-table thead th{padding:13px 11px;background:#f7f9fc;border-bottom:1px solid #e3e7ed;color:#667085;font-size:11px;font-weight:800;white-space:nowrap}
body.woocommerce-orders .woocommerce-orders-table tbody td{padding:15px 11px;border-bottom:1px solid #edf0f3;color:#344054;font-size:12px;line-height:1.75;white-space:nowrap}
body.woocommerce-orders .woocommerce-orders-table tbody tr:last-child td{border-bottom:0}
body.woocommerce-orders .woocommerce-orders-table tbody tr:hover td{background:#fbfcff}
body.woocommerce-orders .woocommerce-orders-table__cell-order-number a{font-size:13px;font-weight:800}
body.woocommerce-orders .woocommerce-orders-table__cell-order-total{min-width:150px;white-space:normal!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-total .amount{font-size:13px;font-weight:800;white-space:nowrap}
body.woocommerce-orders .woocommerce-orders-table__cell-order-status{min-width:105px}
body.woocommerce-orders .modwin-status{padding:5px 10px;font-size:11px;white-space:nowrap}
body.woocommerce-orders .woocommerce-orders-table__cell-modwin-tracking{min-width:112px}
body.woocommerce-orders .modwin-orders-tracking-empty{display:inline-flex;padding:4px 8px;border-radius:7px;background:#f5f6f8;color:#8a93a3;font-size:10px}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions{min-width:190px;white-space:normal!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;min-height:34px!important;margin:3px!important;padding:7px 12px!important;border:1px solid #d8dee8!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:11px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button:hover{border-color:#93c5fd!important;background:#f5f9ff!important;color:#1d4ed8!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.pay{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.pay:hover{background:#1d4ed8!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.cancel{border-color:#fecaca!important;background:#fff5f5!important;color:#b42318!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.cancel:hover{background:#feecec!important}
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.view::before{content:'👁';margin-inline-end:5px;font-size:11px}
body.woocommerce-orders .woocommerce-pagination{margin-top:18px}

@media(max-width:768px){
 body.woocommerce-orders .woocommerce-MyAccount-content{padding:13px}
 body.woocommerce-orders .woocommerce-orders-table{display:block;border:0;border-radius:0;overflow:visible}
 body.woocommerce-orders .woocommerce-orders-table tbody{display:grid;gap:12px}
 body.woocommerce-orders .woocommerce-orders-table tbody tr{display:grid;padding:13px;border:1px solid #e3e7ed;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(31,42,68,.035)}
 body.woocommerce-orders .woocommerce-orders-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0!important;padding:8px 2px;border-bottom:1px solid #edf0f3;font-size:12px;white-space:normal!important}
 body.woocommerce-orders .woocommerce-orders-table tbody td::before{flex:0 0 auto;color:#8a93a3;font-size:10.5px}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-number{order:-3}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-date{order:-2}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-status{order:-1}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:12px;border:0!important}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-actions::before{display:none}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button{width:100%!important;min-height:39px!important;margin:0!important}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.pay{grid-column:1/-1}
 body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button:only-child{grid-column:1/-1}
}
/* Defensive removal for cached order-table markup. */
body.woocommerce-account .woocommerce-orders-table__header-bwdk_digikala_reference_code,
body.woocommerce-account .woocommerce-orders-table__cell-bwdk_digikala_reference_code {
  display:none!important;
}
/* The account shell already provides contextual headings for every endpoint. */
body.woocommerce-account .entry-header:has(.entry-title),
body.woocommerce-account .entry-title,
body.woocommerce-account .ct-woo-account-title {
  display:none!important;
}
/* Back navigation follows the RTL reading direction. */
.modwin-order-v2 .mov2-title__icon { transform:scaleX(-1); }
/* Vector icon instead of platform-dependent emoji. */
body.woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.view::before {
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  flex:0 0 16px;
  margin-inline-end:6px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Four-stage customer timeline driven by the Modwin panel workflow. */
.mov2-timeline{position:relative;padding:28px 24px 24px}.mov2-timeline__rail{position:absolute;z-index:0;top:48px;inset-inline:12.5%;height:3px;border-radius:99px;background:#e5e9ef}.mov2-timeline__rail span{display:block;width:var(--mov2-progress);height:100%;margin-inline-start:0;border-radius:inherit;background:#2563eb;transition:width .3s ease}.mov2-timeline ol{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);direction:rtl;margin:0;padding:0;list-style:none}.mov2-timeline li{display:flex;align-items:center;flex-direction:column;min-width:0;text-align:center}.mov2-timeline__dot{display:grid;place-items:center;width:42px;height:42px;border:3px solid #e1e6ed;border-radius:50%;background:#fff;color:#98a2b3;font-size:14px;font-weight:900;box-shadow:0 0 0 5px #fff}.mov2-timeline li b{margin-top:10px;color:#98a2b3;font-size:12px;font-weight:800;line-height:1.6}.mov2-timeline li small{display:block;max-width:190px;margin-top:5px;color:#667085;font-size:10.5px;line-height:1.8}.mov2-timeline li.is-done .mov2-timeline__dot{border-color:#2563eb;background:#2563eb;color:#fff}.mov2-timeline li.is-done b{color:#344054}.mov2-timeline li.is-current .mov2-timeline__dot{border-color:#2563eb;color:#2563eb;box-shadow:0 0 0 5px #fff,0 0 0 7px #bfdbfe}.mov2-timeline li.is-current b{color:#1d4ed8;font-size:13px}.mov2-timeline li.is-current small{color:#536079}.mov2-timeline li.is-current:last-child .mov2-timeline__dot{background:#2563eb;color:#fff}
@media(max-width:700px){.mov2-timeline{padding:20px 8px 18px}.mov2-timeline__rail{top:38px;inset-inline:12.5%;height:2px}.mov2-timeline__dot{width:34px;height:34px;border-width:2px;font-size:12px;box-shadow:0 0 0 3px #fff}.mov2-timeline li.is-current .mov2-timeline__dot{box-shadow:0 0 0 3px #fff,0 0 0 5px #bfdbfe}.mov2-timeline li b{margin-top:8px;padding-inline:3px;font-size:9.5px}.mov2-timeline li.is-current b{font-size:10px}.mov2-timeline li small{display:none}}
@media(max-width:420px){.mov2-timeline{padding-inline:2px}.mov2-timeline__dot{width:30px;height:30px}.mov2-timeline__rail{top:35px}.mov2-timeline li b{font-size:8.5px}.mov2-timeline li.is-current b{font-size:9px}}
/* Timeline: show full context vertically on narrow screens. */
@media(min-width:701px){.mov2-timeline li:not(.is-current) small{display:none}}
@media(max-width:700px){
 .mov2-shipment__badge{display:none}
 .mov2-shipment__head>div{width:100%;display:flex;align-items:center;justify-content:space-between}
 .mov2-shipment__head>div span{padding:5px 9px;border:0;border-radius:8px;background:#f1f5f9;color:#475467;font-weight:800}
 .mov2-timeline{padding:20px 14px 18px}
 .mov2-timeline__rail{top:37px;bottom:37px;inset-inline-start:30px;inset-inline-end:auto;width:3px;height:auto;background:#e5e9ef}
 .mov2-timeline__rail span{width:100%;height:var(--mov2-progress);margin:0;background:#2563eb}
 .mov2-timeline ol{display:grid;grid-template-columns:1fr;gap:0;direction:rtl}
 .mov2-timeline li{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;min-height:82px;text-align:start;align-items:start}
 .mov2-timeline li:last-child{min-height:50px}
 .mov2-timeline__dot{grid-column:1;grid-row:1 / span 2;width:34px;height:34px;margin:0;border-width:2px;font-size:12px;box-shadow:0 0 0 4px #fff}
 .mov2-timeline li.is-current .mov2-timeline__dot{box-shadow:0 0 0 4px #fff,0 0 0 6px #bfdbfe}
 .mov2-timeline li b,.mov2-timeline li.is-current b{grid-column:2;grid-row:1;margin:1px 0 0;padding:0;color:#344054;font-size:12px;line-height:1.5}
 .mov2-timeline li.is-current b{color:#1d4ed8}
 .mov2-timeline li small{display:block;grid-column:2;grid-row:2;max-width:none;margin:4px 0 0;color:#7b8494;font-size:10.5px;line-height:1.75}
 .mov2-timeline li.is-current small{color:#536079;font-weight:600}
 .mov2-timeline li.is-upcoming b,.mov2-timeline li.is-upcoming small{color:#98a2b3}
}
@media(max-width:420px){.mov2-timeline{padding-inline:10px}.mov2-timeline__rail{inset-inline-start:26px}.mov2-timeline li{grid-template-columns:38px minmax(0,1fr);column-gap:9px}.mov2-timeline__dot{width:32px;height:32px}.mov2-timeline li b,.mov2-timeline li.is-current b{font-size:11.5px}.mov2-timeline li small{font-size:10px}}
/* Keep every workflow explanation visible on desktop; emphasize only the current one. */
@media(min-width:701px){
 .mov2-timeline li:not(.is-current) small{display:block;color:#a0a8b5}
 .mov2-timeline li.is-done small{color:#8993a3}
 .mov2-timeline li.is-upcoming small{color:#adb4bf}
 .mov2-timeline li.is-current small{color:#536079;font-weight:600}
}
/* Checkout-time dispatch estimate, preserved on the order. */
.mov2-dispatch-estimate{display:flex;align-items:center;gap:10px;margin:16px 18px 0;padding:12px 14px;border:1px solid #dbe7ff;border-radius:11px;background:#f7faff}.mov2-dispatch-estimate__icon{width:20px;height:20px;flex:0 0 20px;background:#2563eb;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}.mov2-dispatch-estimate>span:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mov2-dispatch-estimate small{color:#667085;font-size:11px;font-weight:700}.mov2-dispatch-estimate b{color:#1d4ed8;font-size:13px;font-weight:900}
@media(max-width:700px){.mov2-dispatch-estimate{margin:13px 13px 0;padding:11px}.mov2-dispatch-estimate>span:last-child{display:grid;gap:2px}.mov2-dispatch-estimate small{font-size:10.5px}.mov2-dispatch-estimate b{font-size:12px}}
.mov2-dispatch-estimate>span:last-child{display:grid;gap:5px}.mov2-dispatch-estimate__date{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mov2-dispatch-estimate em{color:#7b8494;font-size:10.5px;font-style:normal;line-height:1.8}
@media(max-width:700px){.mov2-dispatch-estimate__date{display:grid;gap:2px}.mov2-dispatch-estimate em{font-size:10px;line-height:1.75}}
.mov2-tracking-delay{display:flex;align-items:center;gap:9px;margin:0 18px 18px;padding:10px 13px;border:1px solid #e7ddff;border-radius:10px;background:#faf8ff;color:#65558f}.mov2-tracking-delay>span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#7c3aed;color:#fff;font-family:Georgia,serif;font-size:12px;font-weight:700}.mov2-tracking-delay p{margin:0;font-size:10.5px;line-height:1.8}
@media(max-width:700px){.mov2-tracking-delay{align-items:flex-start;margin:0 13px 14px;padding:10px}.mov2-tracking-delay p{font-size:10px}}
/* Order-specific support action */
.mov2-support{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px 22px;border:1px solid #dbe5f2;border-radius:18px;background:#f8fbff}
.mov2-support>div{display:flex;flex-direction:column;gap:5px}
.mov2-support>div b{color:#17223b;font-size:16px;font-weight:800}
.mov2-support>div span{color:#718096;font-size:14px}
.mov2-support>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;background:#2563eb;color:#fff!important;font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 7px 18px rgba(37,99,235,.18);transition:.2s ease}
.mov2-support>a:hover{background:#1d4ed8;transform:translateY(-1px)}
@media(max-width:600px){.mov2-support{align-items:stretch;flex-direction:column;padding:18px;gap:16px}.mov2-support>a{width:100%}}

/* Shipment products refinement */
.modwin-order-v2 .mov2-product{grid-template-columns:140px minmax(0,1fr);gap:22px;padding:24px 0}
.modwin-order-v2 .mov2-product__image{border-radius:14px}
.modwin-order-v2 .mov2-product__meta{align-items:center;gap:8px 18px}
.modwin-order-v2 .mov2-product__meta span{display:inline-flex;align-items:center;gap:4px}
.modwin-order-v2 .mov2-product__meta b{color:#536078;font-weight:800}
.modwin-order-v2 .mov2-support{margin:4px 18px 0;padding:20px 0 2px;border:0;border-top:1px solid #e8edf3;border-radius:0;background:transparent}
@media(max-width:600px){.modwin-order-v2 .mov2-product{grid-template-columns:96px minmax(0,1fr);gap:13px;padding:18px 0}.modwin-order-v2 .mov2-support{margin:2px 13px 0;padding:18px 0 0}.modwin-order-v2 .mov2-support>div{display:none}}

/* Compact support action inside shipment card */
.modwin-order-v2 .mov2-support{display:flex;justify-content:flex-start;align-items:center;margin:0 18px;padding:18px 0;border-top:1px solid #e8edf3}
.modwin-order-v2 .mov2-support>a{min-height:44px;padding:0 17px;border:1px solid #bfd2ff;border-radius:11px;background:#f4f7ff;color:#2563eb!important;font-size:13px;box-shadow:none}
.modwin-order-v2 .mov2-support>a:hover{background:#eaf1ff;color:#1d4ed8!important}
@media(max-width:600px){.modwin-order-v2 .mov2-support{margin:0 13px;padding:15px 0}.modwin-order-v2 .mov2-support>a{width:100%;min-height:46px}}

/* Shipment header support action */
.modwin-order-v2 .mov2-shipment__tools{display:flex;align-items:center;gap:10px}
.modwin-order-v2 .mov2-shipment__tools span{padding:0;border:0}
.modwin-order-v2 .mov2-shipment__tools .mov2-shipment__badge{padding:5px 10px;white-space:nowrap}
.modwin-order-v2 .mov2-support-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #bfd2ff;border-radius:9px;background:#fff;color:#2563eb!important;font-size:12px;font-weight:800;text-decoration:none;transition:.2s ease}
.modwin-order-v2 .mov2-support-link:hover{border-color:#2563eb;background:#eff5ff;color:#1d4ed8!important}
@media(max-width:600px){.modwin-order-v2 .mov2-shipment__head{gap:10px;flex-wrap:wrap}.modwin-order-v2 .mov2-shipment__tools{gap:7px}.modwin-order-v2 .mov2-support-link{min-height:34px;padding:0 10px;font-size:11px}}

/* External carrier tracking action, visible after order completion. */
.modwin-order-v2 .mov2-tracking__actions{display:flex;align-items:center;gap:8px}
.modwin-order-v2 .mov2-tracking__actions>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 13px;border-radius:9px;background:#2563eb;color:#fff!important;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;transition:.2s ease}
.modwin-order-v2 .mov2-tracking__actions>a:hover{background:#1d4ed8;transform:translateY(-1px)}
@media(max-width:600px){.modwin-order-v2 .mov2-tracking{display:grid;grid-template-columns:1fr;gap:12px}.modwin-order-v2 .mov2-tracking__actions{display:grid;grid-template-columns:auto 1fr;width:100%}.modwin-order-v2 .mov2-tracking__actions>a{min-height:40px}.modwin-order-v2 .mov2-tracking__actions button{min-height:40px}}