/* ===== Mini Cart (hover dropdown) ===== */
.view-cart {
    position: relative;
    width: fit-content;
}

.adplan-pay-alert,
.adplan-pay-alert .alert-text {
    font-size: 16px;
    font-weight: 500;
    color: #E1306C;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adplan-pay-alert .adplan-pay-btn {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--view-secondary);
    color: #fff;
    border: none;
    border-radius: 24px;
    outline: none;
    font-weight: 500;
    font-size: 18px;
    gap: 17px;
    padding: 8px 16px;
    cursor: pointer;
    position: relative;
    z-index: 0;
    overflow: hidden;
    box-shadow: 0 21px 28px -12px #e1306c69;
    transition: all 300ms;
    box-sizing: border-box;
    text-decoration: none;
}

.adplan-pay-alert .adplan-pay-btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/pattern.png");
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    mix-blend-mode: overlay;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    min-width: 270px;
}

.view-mini-cart-btn {
    width: 147px;
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--view-accent-100);
    padding: 2px 2px 2px 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--view-accent-500);
    text-decoration: none;
    transition: all 300ms;
}

.view-cart:hover .view-mini-cart-btn {
    background: var(--view-secondary);
    color: #fff;
}

.view-mini-cart-btn .cart-count {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--view-accent-100);
    font-size: 18px;
    font-weight: 500;
    color: var(--view-accent);
    transition: all 300ms;

}

.view-cart:hover .view-mini-cart-btn .cart-count {
    background: #fff;
    color: var(--view-secondary);
}

.view-cart:hover svg path {
    fill: #fff;
}

.view-cart svg {
    transition: all 300ms;
}

/* پل هاور بین دکمه و پنل (شکاف را پر می‌کند) */
.view-cart::after {
    content: "";
    position: absolute;
    top: 100%;
    inset-inline-end: 0;
    width: 180px;
    height: 14px;
}

/* پنل */
.view-cart-panel {
    position: absolute;
    top: calc(100% + 12px);
    inset-inline-end: 0;
    width: 360px;
    background: #fff;
    border: 1px solid var(--view-accent-100);
    border-radius: 24px;
    padding: 8px 8px 16px 8px;
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
    pointer-events: none;
    overflow-y: hidden;
    scrollbar-width: none;
}

.view-cart:hover .view-cart-panel,
.view-cart:focus-within .view-cart-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* لیست آیتم‌ها */
.cart-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 0;
    justify-content: flex-start;
    align-items: center;
    max-height: 335px;
    position: relative;
    overflow: auto;
    scrollbar-width: none;
    margin: 0px;
}

.cart-item {
    display: flex;
    gap: 12px;
    padding: 10px;
    border: 1px solid var(--view-accent-100);
    border-radius: 16px;
    background: #fff;
    flex-direction: column;
    width: calc(100% - 21px);
}

.ci-thumb {
    width: 65px;
    height: 65px;
    padding: 7px !important;
    border-radius: 8px;
    background-color: var(--view-accent) !important;
    background-position: center center !important;
}

.ci-thumb img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 8px;
}

.ci-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: justify;
}


.ci-title a {
    font-weight: 700;
    color: var(--view-accent);
    font-size: 15px;
    text-align: right;
    text-decoration: none;
    line-height: 24px;
}

.ci-meta {
    font-size: 14px;
    color: #9a9a9a;
}

.ci-meta span.woocommerce-Price-amount.amount,
.cf-value span.woocommerce-Price-amount.amount {
    font-weight: 700;
    font-size: 16px;
    color: var(--view-accent);
}

.ci-meta .woocommerce-Price-currencySymbol,
.cf-value .woocommerce-Price-currencySymbol {
    font-size: 14px;
    color: #9a9a9a;
    font-weight: 500;
}

.ci-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-direction: row-reverse;
}

.ci-remove {
    display: inline-block;
    padding: 14px 16px;
    border-radius: 8px;
    background: var(--view-secondary-50);
    color: var(--view-secondary);
    text-decoration: none;
    font-weight: 700;
    width: 50%;
    text-align: center;
    font-size: 16px;
}

.ci-qty {
    display: flex;
    align-items: center;
    background: var(--view-primary-50);
    border-radius: 8px;
    width: 50%;
    padding: 14px 16px;
    justify-content: space-between;
}

.ci-qty button {
    border: 0;
    background: var(--view-primary-50);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    border-radius: 8px;
    color: var(--view-primary-500);
}

.ci-qty span {
    min-width: 24px;
    text-align: center;
    font-weight: 600;
}

/* فوتر */
.cart-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    border-top: 1px dashed #e8e8ef;
    z-index: 10;
    position: relative;
    background: #fff;
    padding: 8px 8px 0 8px;
}

.cf-total {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #6a6a77;
    flex-direction: column;
}

.cf-label {
    opacity: .8;
}

.cf-value {
    font-weight: 800;
    color: #2f2f2f;
}

.cf-currency {
    color: #6a6a77;
}

.cf-checkout {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
    height: 48px;
    padding: 0 16px 0 8px;
    border-radius: 24px;
    background-color: var(--view-secondary) !important;
    background-blend-mode: overlay;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .04);
}

/* هاله‌ی قرمز زیر دکمه (مثل تصویر) */
.cf-checkout::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 100%;
    height: 22px;
    border-radius: 40px;
    background: radial-gradient(ellipse at center, rgb(230 63 102 / 70%), rgba(230, 63, 102, 0) 60%);
    filter: blur(6px);
    pointer-events: none;
}

.cf-chevron {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff2b;
    justify-content: center;
    align-items: center;
    rotate: 180deg;
    font-size: 28px;
}


.woocommerce-mini-cart__empty-message.text-center {
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
}

.woocommerce-mini-cart__empty-img {
    width: 90px;
    height: auto;
}

/* ریسپانسیو */
@media (max-width: 575.98px) {
    .view-cart-panel {
        width: 92vw;
        inset-inline: auto 50%;
        transform: translate(50%, 8px);
    }

    .view-cart:hover .view-cart-panel,
    .view-cart:focus-within .view-cart-panel {
        transform: translate(50%, 0);
    }
}

/*کارت ها*/
.vwpc-card .onsale {
    display: none !important;
}

/* ظرف کارت */
.vwpc-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 8px;
    box-shadow: 0 0 5px 2px #f6f6f6;
}

/* ناحیهٔ تصویر بالا با پترن */
.vwpc-media {
    height: 185px;
    /* همان نسبت تصویر نمونه */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--view-accent) !important;
    border-radius: 8px;
    transition: all 300ms;
    z-index: 1;
    position: relative;
}

.vwpc-media:before {
    content: '';
    background: url("../image/pattern-woo.png");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    mix-blend-mode: screen;
    background-position: center center !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.vwpc-card:hover .vwpc-media {
    background-color: var(--view-secondary) !important;
}

.vwpc-media img {
    max-width: 78%;
    max-height: 78%;
    object-fit: contain;
    display: block;
    z-index: 2;
    margin: 0 !important;
}

.vwpc-placeholder {
    width: 100%;
    height: 100%;
    background: #1c1e46;
}

/* بخش بدنه */
.vwpc-body {
    padding: 12px 14px 16px;
}

/* عنوان محصول */
.vwpc-title {
    display: block;
    text-align: right;
    color: var(--view-accent);
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* فوتر کارت: دکمه چپ، قیمت راست، سه نقطه تزئینی */
.vwpc-footer {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transition: all 300ms;
}

.vwpc-footer svg rect,
.vwpc-footer svg path,
.vwpc-footer svg circle {
    transition: all 300ms;
}

.vwpc-card:hover .vwpc-footer svg rect {
    fill: var(--view-secondary);
    fill-opacity: 1;
}

.vwpc-card:hover .vwpc-footer svg circle {
    stroke: #fff;
    fill: #fff;
}

.vwpc-card:hover .vwpc-footer svg path {
    fill: #fff;
}

/* دکمه افزودن به سبد (دایره گرادیانی) */
.vwpc-btn-cart {
    border-radius: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 0 !important;
    width: 48px !important;
    height: 48px !important;
    transition: all 300ms;
}

.vwpc-btn-cart:after,
.vwpc-item .added_to_cart.wc-forward {
    display: none !important;
}


.vwpc-btn-cart.disabled {
    opacity: .6;
    pointer-events: none;
}

.vwpc-card:hover .vwpc-btn-cart {
    box-shadow: 0 11px 23px -8px rgb(230 63 102 / 40%);
}

/* قیمت */
.vwpc-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-direction: row-reverse;
}

.vwpc-currency {
    color: #9EA6BF;
    font-size: 14px;
    font-weight: 700;
}

.vwpc-value {
    color: #1E2150;
    font-size: 20px;
    font-weight: 700;
}

/* سه نقطهٔ قرمز گوشهٔ راست پایین (تزئینی مثل طرح) */
.vwpc-dots {
    display: flex;
    width: 10px;
    height: 10px;
    background: var(--view-secondary);
    border-radius: 2px;
}


/* آیتم لیست ووکامرس */
.vwpc-item {
    list-style: none;
}


/* --- Shop frame (معادل .blog-content) --- */
.wc-shop .wc-shop-content {
    border: 1px solid #E9E9ED;
    border-radius: 32px;
    background: repeating-linear-gradient(to bottom,
            rgba(233, 233, 237, 0) 0%,
            rgba(233, 233, 237, 0.2) 10%,
            rgba(233, 233, 237, 0) 20%);
}

/* --- Title block inside frame (معادل .blog-title) --- */
.wc-shop .wc-shop-title {
    margin-top: -30px;
    background: #fff;
    width: fit-content;
    /* اختیاری برای خوش‌فرمی: */
    /* padding: 0 8px; display: inline-flex; align-items: center; gap: 12px; */
}

/* --- H1 in title (معادل .blog-title h1) --- */
.wc-shop .wc-shop-title-text {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    line-height: 56px;
}

/* --- Meta next to title (معادل .blog-title span) --- */
.wc-shop .wc-shop-title-meta {
    color: var(--view-accent-400);
    font-family: inherit;
    font-size: 12px;
    line-height: 56px;
}

/* --- Spacing right (معادل .blog-title, .view-blog-breadcrumb) --- */
.wc-shop .wc-shop-title,
.wc-shop .wc-shop-breadcrumb {
    margin-right: 16px;
}

nav.account-panel {
    background: var(--view-accent);
    border-radius: 24px;
    padding: 32px 16px;
    box-sizing: border-box;
    max-width: 296px;
}

nav.account-panel .account-avatar,
.edit-account .account-avatar {
    position: relative;
}


nav.account-panel .avatar-wrap,
.edit-account .avatar-wrap {
    background: transparent;
    border-radius: 9999px;
    border: 2px solid var(--view-primary);
    padding: 6px;
    width: 72px;
    height: 72px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.account-panel .avatar-wrap img,
.edit-account .avatar-wrap img {
    border-radius: 9999px;
    box-sizing: border-box;
}

nav.account-panel .account-avatar button,
.edit-account .account-avatar button {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    bottom: 1px;
    z-index: 10;
    right: 5px;
}

nav.account-panel .account-avatar button svg,
.edit-account .account-avatar button svg {
    width: 20px;
    height: 20px;
}

nav.account-panel .account-user .account-name,
.edit-account .account-user .account-name {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

nav.account-panel .account-user .account-role,
.edit-account .account-user .account-role {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #908FA3;
}

.edit-account .account-user .account-name {
    color: var(--view-accent);
}

.edit-account .account-user .account-role {
    text-align: right;
}

.edit-account .avatar-wrapper {
    background: rgba(91, 81, 216, 0.05);
    border-radius: 24px;
    border: 1px solid rgba(91, 81, 216, 0.1);
    padding: 16px;
}


.edit-account .form-wrap {
    border: 1px solid rgba(244, 244, 246, 1);
    padding: 16px;
    border-radius: 24px;
    box-sizing: border-box;
}

.edit-account .form-wrap input,
.edit-account .form-group {
    box-sizing: border-box;
}

.edit-account .form-wrap input {
    border: none;
    outline: none;
    background: #F0F4F6;
    height: 44px;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: inherit;
    font-family: inherit;
}

.edit-account .form-wrap-1 .form-group-1 {
    max-width: calc(100% - 52px);
}

.edit-account .form-wrap-1 .form-group-2 {
    max-width: calc(100% - 30px);
}

.edit-account .form-wrap-2 div {
    max-width: calc(100% - 42px);
}

nav.account-panel .account-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    gap: 12px;
}

nav.account-panel .account-nav .account-nav-item {
    border-radius: 32px;
    height: 45px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    background: #5B51D80D;
    padding: 16px 10px 16px 10px;
    justify-content: space-between;
    line-height: 0;
    transition: all 300ms;
}

nav.account-panel .account-nav .account-nav-item .account-nav-link {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
    text-decoration: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: right;
    justify-content: flex-end;
}

nav.account-panel .account-nav .account-nav-item .account-nav-link .account-nav-text {
    color: #FFFFFFB2;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    transition: all 300ms;
}

nav.account-panel .is-hover {
    display: none;
    transition: all 300ms;
}

nav.account-panel .account-nav .account-nav-item:hover {
    background: #5B51D833;
}

nav.account-panel .account-nav .account-nav-item:hover .is-hover {
    display: inline-block;
}

nav.account-panel .account-nav .account-nav-item:hover .account-nav-text {
    color: #fff;
}

nav.account-panel .account-nav .account-nav-item:hover .account-nav-icon svg path {
    fill: var(--view-primary);
}

.account-shell {
    border: 1px solid #D3D2DA;
    border-radius: 24px;
    box-sizing: border-box;
}

.account-shell .dashboard .dashboard-header h3,
.account-shell .orders .orders-header h3,
.account-shell .downloads .downloads-header h3,
.account-shell .addresses .addresses-header h3,
.account-shell .address-form-header h3,
.account-shell .wishlist .wishlist-header h3,
.account-shell .recently-viewed .recently-viewed-header h3,
.account-shell .tickets .tickets-header h3,
.account-shell .ticket-single .ticket-single-header h3,
.account-shell .edit-account .edit-account-header h3 {
    font-weight: 900;
    font-size: 24px;
    line-height: 56px;
    text-align: right;
    color: var(--view-accent);
    margin: 0;
    padding: 0;
}

.account-shell .dashboard .dashboard-header span,
.account-shell .orders .orders-header span,
.account-shell .downloads .downloads-header span,
.account-shell .addresses .addresses-header span,
.account-shell .address-form-header span,
.account-shell .wishlist .wishlist-header span,
.account-shell .recently-viewed .recently-viewed-header span,
.account-shell .tickets .tickets-header span,
.account-shell .ticket-single .ticket-single-header span,
.account-shell .edit-account .edit-account-header span {
    font-weight: 600;
    font-size: 12px;
    line-height: 56px;
    text-align: right;
    color: #A7A5B5;
}

.account-shell .dashboard .recent-view,
.account-shell .dashboard .orders,
.account-shell .viewed-posts {
    background: linear-gradient(180deg, rgba(34, 31, 71, 0) -23.12%, rgba(34, 31, 71, 0.05) 47.26%, rgba(34, 31, 71, 0) 126.63%);
    border: 1px solid #F4F4F6;
    border-radius: 24px;
}

.account-shell .dashboard .recent-view h6,
.account-shell .dashboard .orders h6,
.account-shell .viewed-posts h6 {
    font-weight: 700;
    font-size: 18px;
    text-align: right;
    color: var(--view-accent);
    margin: 0;
    padding: 0;
}

.account-shell .dashboard .recent-view span:not(.view-post-product-title):not(.view-post-excerpt):not(.woocommerce-Price-amount.amount):not(.view-post-like__count):not(.woocommerce-Price-currencySymbol),
.account-shell .dashboard .orders span,
.account-shell .viewed-posts span {
    color: #A7A5B5;
    font-weight: 600;
    font-size: 12px;
    text-align: right;
}

.account-shell .dashboard .recent-view .view-all,
.account-shell .dashboard .orders .view-all,
.account-shell .viewed-posts .view-all,
.new-ticket .btn-back,
.ticket-single .btn-back {
    background: #EFEEFB;
    border: 1px solid #DEDCF7;
    border-radius: 32px;
    padding: 4px 12px 4px 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: var(--view-accent);
}

.account-shell .dashboard .recent-view .recently-empty p {
    color: #64627E;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0;
}

.account-shell .dashboard a.order-metric {
    width: 288px;
    height: 129px;
    background: #5b51d80d;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 32px 32px 32px 24px;
    position: relative;
    z-index: 0;
    text-decoration: none;
}

.account-shell .dashboard a.order-metric:before {
    content: '';
    position: absolute;
    display: block;
    border: 1px solid #CECBF3;
    inset: 8px;
    width: 272px;
    height: 113px;
    background: transparent;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 12px;
}

.account-shell .dashboard a.order-metric p {
    font-weight: 500;
    font-size: 20px;
    text-align: right;
    color: var(--view-accent);
    padding: 0;
    margin: 0;
}

.account-shell .dashboard a.order-metric span {
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    padding: 0;
    margin: 0;
}

.account-shell .view-post-card span.woocommerce-Price-amount.amount {
    display: flex;
    align-items: center;
}

/* ===== Orders screen — pixel-tuned to your mock ===== */

.woocommerce-account .orders-panel,
.woocommerce-account .downloads-panel {
    direction: rtl;
    color: #fff;
    font-size: 14px;
    line-height: 1.35;
}

/* فیلترهای بالا (چیب‌ها) */
.woocommerce-account .orders-toolbar,
.woocommerce-account .downloads-toolbar,
.woocommerce-account .tickets-toolbar {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.woocommerce-account .orders-filter,
.woocommerce-account .downloads-filter,
.woocommerce-account .tickets-filter {
    appearance: none;
    border: 1px solid #221F471A;
    outline: 0;
    cursor: pointer;
    padding: 2px 2px 2px 12px;
    border-radius: 8px;
    background: #221F470D;
    color: var(--view-accent);
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    transition: all 300ms;
}

.woocommerce-account .orders-filter:hover,
.woocommerce-account .downloads-filter:hover,
.woocommerce-account .tickets-filter:hover {
    background: #5B51D80D;
    border: 1px solid #5B51D81A;
}

.woocommerce-account .orders-filter.is-active,
.woocommerce-account .downloads-filter.is-active,
.woocommerce-account .tickets-filter.is-active {
    background: #5B51D80D;
    border: 1px solid #5B51D81A;
}

/* بنفش فعال */
.woocommerce-account .orders-filter .badge,
.woocommerce-account .downloads-filter .badge,
.woocommerce-account .tickets-filter .badge {
    width: 30px;
    height: 30px;
    padding: 2px 8px;
    border-radius: 6px;
    background: #221F471A;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--view-accent);
    transition: all 300ms;
}

.woocommerce-account .orders-filter.is-active .badge,
.woocommerce-account .orders-filter:hover .badge,
.woocommerce-account .downloads-filter.is-active .badge,
.woocommerce-account .downloads-filter:hover .badge,
.woocommerce-account .tickets-filter:hover .badge,
.woocommerce-account .tickets-filter.is-active .badge {
    background: var(--view-primary);
    color: #fff;
}

/* هدر جدول */
.woocommerce-account .orders-head,
.woocommerce-account .downloads-head,
.woocommerce-account .tickets-head {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr 0.9fr;
    gap: 12px;
    background: var(--view-accent);
    color: #fff;
    height: 49px;
    box-sizing: border-box;
    padding: 12px 24px;
    border-radius: 24px;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    align-items: center;
}

/* ردیف‌ها */
.woocommerce-account .orders-loop,
.woocommerce-account .downloads-loop,
.woocommerce-account .tickets-loop {
    display: grid;
    gap: 10px;
}

/* ردیف پایه */
.woocommerce-account .order-row,
.woocommerce-account .download-row,
.woocommerce-account .ticket-row {
    position: relative;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr 0.9fr;
    gap: 12px;
    padding: 12px 24px;
    border-radius: 48px;
    align-items: center;
    box-sizing: border-box;
    height: 52px;
    align-content: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--view-accent);
}

.woocommerce-account .download-row,
.woocommerce-account .downloads-head {
    grid-template-columns: 2.2fr 1fr 0.9fr 1fr 1fr 0.8fr;
}

.woocommerce-account .tickets-head,
.woocommerce-account .ticket-row {
    grid-template-columns: 1fr 2.2fr 0.9fr 1fr 1fr 0.8fr;
}

.woocommerce-account .order-row:nth-child(odd),
.woocommerce-account .download-row:nth-child(odd),
.woocommerce-account .ticket-row:nth-child(odd) {
    border: 1px solid #5B51D81A;
    background: #5B51D80D;
}

.woocommerce-account .order-row:nth-child(even),
.woocommerce-account .download-row:nth-child(even),
.woocommerce-account .ticket-row:nth-child(even) {
    border: 1px solid #E1306C1A;
    background: #E1306C0D;
}

/* لینک عمل (سمت چپ) */
.woocommerce-account .order-view-link,
.woocommerce-account .download-link,
.woocommerce-account .ticket-view-link {
    display: inline-block;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.woocommerce-account .order-row:nth-child(odd) .order-view-link,
.woocommerce-account .download-row:nth-child(odd) .download-link,
.woocommerce-account .download-row:nth-child(odd) .download-action .download-status.expired,
.woocommerce-account .ticket-row:nth-child(odd) .ticket-view-link {
    color: var(--view-primary);
}


.woocommerce-account .order-row:nth-child(even) .order-view-link,
.woocommerce-account .download-row:nth-child(even) .download-link,
.woocommerce-account .download-row:nth-child(even) .download-action .download-status.expired,
.woocommerce-account .ticket-row:nth-child(even) .ticket-view-link {
    color: var(--view-secondary);
}

.woocommerce-account .orders-empty,
.woocommerce-account .downloads-empty,
.woocommerce-account .tickets-empty {
    color: #cfcde6;
    padding: 12px 4px;
}

nav.orders-pagination,
nav.downloads-pagination,
nav.tickets-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    gap: 8px;
}

.page-list {
    display: flex;
    gap: 8px;
}

nav.orders-pagination button,
nav.downloads-pagination button,
nav.tickets-pagination button {
    padding: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

nav.orders-pagination button svg,
nav.downloads-pagination button svg,
nav.tickets-pagination button svg {
    width: 35px;
    height: 35px;
}

button.page-link {
    border: 1px solid #5B51D81A;
    background: #5B51D80D !important;
    border-radius: 999px;
    color: #64627E;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

button.page-link.is-active {
    border: 1px solid var(--view-accent);
    background: var(--view-accent) !important;
    color: #fff;
    position: relative;
    z-index: 0;
}

button.page-link.is-active:before {
    content: '';
    background: url("../image/pagination.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    mix-blend-mode: difference;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

button.page-prev {
    transform: rotate(180deg);
}

.orders-empty p,
.downloads-empty p,
.tickets-empty p {
    color: #64627E;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0;
}

.orders-empty a,
.save-address,
.downloads-empty a,
.new-ticket-btn,
.submit-ticket button,
.save-account-button,
.single_add_to_cart_button.button.alt.btn-add-cart.btn-pill-wave.disabled.wc-variation-selection-needed,
.single_add_to_cart_button.button.alt.btn-add-cart.btn-pill-wave {
    background-color: var(--view-primary);
    width: fit-content;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #fff;
    border-radius: 32px;
    padding: 4px 24px 4px 8px;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.orders-empty a:before,
.save-address:before,
.downloads-empty a:before,
new-ticket-btn:before,
.submit-ticket button:before,
.save-account-button:before,
.single_add_to_cart_button.button.alt.btn-add-cart.btn-pill-wave.disabled.wc-variation-selection-needed:before,
.single_add_to_cart_button.button.alt.btn-add-cart.btn-pill-wave:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/pattern.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: overlay;
    z-index: -1;
}

.submit-ticket button,
.save-account-button {
    border: none;
    outline: none;
    color: #fff;
    padding: 8px 32px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}

.new-ticket-btn {
    padding: 4px 16px;
}

.single_add_to_cart_button.button.alt.btn-add-cart.btn-pill-wave,
.single_add_to_cart_button.button.alt.btn-add-cart.btn-pill-wave.disabled.wc-variation-selection-needed {
    width: fit-content;
    justify-content: center;
    display: inline-flex;
}

.woocommerce-notices-wrapper {
    display: none;
}

.view-product-single .qty-control {
    width: fit-content;
    display: inline-flex;
    height: 48px;
    box-sizing: border-box;
    background: #fff;
    align-content: center;
    align-items: center;
    padding: 6px;
    border-radius: 999px;
    border: 1px solid #E9E9ED;
}

.single_variation_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

.woocommerce-variation.single_variation {
    width: 100%;
}

/* دکمه‌های + و − : گرد با هاله بنفش روشن */
.qty-control .qty-btn {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: transparent;
    font-weight: 700;
    display: flex;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    outline: none;
    align-items: center;
    justify-content: center;
}

.qty-control .qty-btn svg {
    width: 40px !important;
    height: 40px !important;
}

/* فیلد عدد وسط */
.qty-control .qty-input {
    width: 35px !important;
    height: 42px;
    border: 0;
    background: transparent;
    text-align: center;
    font-weight: 500 !important;
    font-size: 20px;
    font-family: inherit !important;
    color: #1E1B4B;
    -moz-appearance: textfield;
}

.qty-control .qty-input:focus {
    outline: none;
}

.qty-control .qty-input::-webkit-outer-spin-button,
.qty-control .qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* حالت غیرفعال */
.qty-control[aria-disabled="true"],
.qty-control:has(.qty-input[disabled]) {
    opacity: .6;
    pointer-events: none;
}


.ad-plan-single .single_add_to_cart_button {
    align-self: end;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 20px !important;
    width: fit-content;
}

/* اگر کنار دکمه افزودن می‌آید، کمی فاصلهٔ استاندارد */
.qty-control {
    margin-inline-end: .75rem;
}

.view-product-single .product-actions form {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 10px;
}

.view-product-single form.variations_form.cart.add-to-cart-row {
    flex-direction: column;
    margin-top: 0px;
}

.account-shell .addresses .address-bg {
    width: 100%;
    height: 154px;
    box-sizing: border-box;
    border-radius: 20px;
    background: var(--view-primary);
    padding: 16px 32px;
    position: relative;
    z-index: 0;
}

.account-shell .addresses .address-bg h6 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
    padding: 0;
    margin: 0;
}

.account-shell .addresses .address-bg span {
    color: #BDB9EF;
    font-weight: 600;
    font-size: 12px;
    text-align: right;
    padding: 0;
    margin: 0;
}


.account-shell .addresses .addresses-wrap {
    width: 95%;
    height: 188px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #fff;
    padding: 16px;
    border: 1px solid #E9E9ED;
    margin: 0 auto;
    margin-top: -80px;
    position: relative;
}

.account-shell .addresses .addresses-wrap .address-card-edit {
    background: #EFEEFB;
    border: 1px solid #DEDCF7;
    border-radius: 32px;
    padding: 4px 12px 4px 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: var(--view-accent);
    width: fit-content;
    position: absolute;
    left: 16px;
    top: 16px;
}

.address-map {
    height: 320px;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 8px
}

.address-map-wrap {
    margin-top: 8px
}

.address-map-label {
    display: block;
    font-weight: 800;
    margin-bottom: 6px
}

.address-map-preview {
    height: 160px;
    border-radius: 12px;
    overflow: hidden
}

.address-details label {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    text-align: right;
    color: #383559;
}

.address-details span {
    color: #64627E;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    line-height: 22px;
}

.woocommerce-Address.woocommerce-edit-address {
    border: 1px solid #E9E9ED;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 16px;
}

.woocommerce-Address.woocommerce-edit-address .form-wrap {
    box-sizing: border-box;
}

#view-address-map {
    width: 98%;
    height: 300px;
    outline-style: none;
    border-radius: 24px;
}

.woocommerce-Address.woocommerce-edit-address .form-wrap label {
    color: var(--view-accent);
    font-weight: 500;
    font-size: 16px;
    text-align: right;
}

.woocommerce-Address.woocommerce-edit-address .form-wrap label span {
    color: var(--view-primary);
}

.woocommerce-Address.woocommerce-edit-address .form-wrap input,
.woocommerce-Address.woocommerce-edit-address .form-wrap textarea,
.woocommerce-Address.woocommerce-edit-address .form-wrap select {
    border: none;
    outline: none;
    background: #F0F4F6;
    height: 44px;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: inherit;
    font-family: inherit;
}

.woocommerce-Address.woocommerce-edit-address .form-wrap textarea {
    height: 100px;
    width: 98%;
}

.address-form-header button {
    padding: 4px 12px 4px 4px;
    background: #EFEEFB;
    color: var(--view-accent);
    border: 1px solid #DEDCF7;
    font-weight: 400;
    font-size: 14px;
    height: 33px;
    border-radius: 32px;
    box-sizing: border-box;
    cursor: pointer;
}

.save-address {
    padding: 8px 32px;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.new-ticket-form {
    border: 1px solid #F4F4F6;
    border-radius: 24px;
    padding: 24px;
    box-sizing: border-box;
}

.new-ticket-form * {
    box-sizing: border-box;
    max-width: 100%;
}

.new-ticket-form .star {
    color: var(--view-primary);
}

.new-ticket-form::placeholder {
    font-family: inherit;
}


#ticket-order,
#ticket-order,
.department,
.ticket-fields #ticket-order,
.ticket-fields #ticket-order,
.ticket-fields #ticket-department {
    width: calc(100% - 12px);
}

#ticket-subject,
#ticket-no,
#ticket-order,
#ticket-message,
.department,
.department option {
    background: #F0F4F6;
    border-radius: 8px;
    padding: 8px 16px;
    height: 44px;
    border: none;
    outline: none;
    font-family: inherit;
}

#ticket-message {
    height: 130px;
}

.submit-ticket {
    text-align: left;
}

.ticket-fields {
    box-sizing: border-box;
    border: 1px solid #F4F4F6;
    border-radius: 24px;
    padding: 24px;
    box-sizing: border-box;
}

.ticket-fields input {
    background: #F0F4F6;
    border-radius: 8px;
    padding: 8px 16px;
    height: 44px;
    border: none;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
}

.ticket-message-view {
    background: #F0F4F6;
    padding: 8px 16px;
    font-size: inherit;
    font-family: inherit;
    line-height: 30px;
    border-radius: 8px;
    color: #64627E;
}

.ticket-message-view p {
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 30px;
}

.ticket-message-view.is-staff {
    background: rgba(91, 81, 216, 0.05);
}

.ticket-thread .field:nth-child(even) {
    margin-right: 48px;
}

.ticket-fields .separator {
    height: 1px;
    background: #D3D2DA;
    margin-bottom: -24px;
}


.product-content,
.product-the-content,
.comments-wrapper,
.product-specifications,
.related-post-wrap {
    border: 1px solid #E9E9ED;
    border-radius: 32px;
}

.product-title,
.view-product-breadcrumb {
    margin-right: 16px;
}


.view-product-single .single-content {
    border: 1px solid #E9E9ED;
    border-radius: 32px;
    background: repeating-linear-gradient(to bottom,
            rgba(233, 233, 237, 0) 0%,
            rgba(233, 233, 237, 0.2) 10%,
            rgba(233, 233, 237, 0) 20%);
}


.view-product-single .product-title,
.the-content-header,
.comments-title,
.specifications-header,
.related-post-header,
.view-cart-header {
    margin-right: 16px;
    margin-top: -30px;
    background: linear-gradient(180deg, #fff, #fefefe);
    width: fit-content;
}

.related-post-wrap {
    position: relative;
}


.related-post-header {
    box-sizing: border-box;
    margin-left: 16px;
}

.related-post-header a {
    position: absolute;
    left: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #221F47;
    opacity: 0.5;
    background: #fff;
    border-radius: 999px;
    text-decoration: none;
}

.view-product-single .product-title .the-title,
.the-content-header h3,
.comments-title h4,
.specifications-header h4,
.related-post-header h4,
.product-faq-header h3,
.view-cart-header h3,
.view-checkout-header h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 900;
    color: var(--view-accent);
    line-height: 56px;
}

.view-product-single .product-title .entry-subtitle,
.the-content-header span,
.comments-title span,
.specifications-header span,
.related-post-header span,
.product-faq-header span,
.view-cart-header span,
.view-checkout-header span {
    color: var(--view-accent-400);
    font-weight: 600;
    font-size: 12px;
    line-height: 56px;
    padding: 0;
    margin: 0;
}

.view-product-single .product-gallery {
    width: 47%;
    position: relative;
}

.view-product-single .product-details {
    background: linear-gradient(270deg, rgba(233, 233, 237, 0.2) 0%, rgba(233, 233, 237, 0) 50%, rgba(233, 233, 237, 0.2) 100%);
    padding: 16px 24px;
    border-radius: 24px;
    width: 47%;
}

.view-product-single .product-categories * {
    color: var(--view-primary);
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
}

.view-product-single .product-name {
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
    text-align: right;
    color: var(--view-accent);
    position: relative;
    z-index: 0;
}

.view-product-single .variations th.label {
    width: 50%;
    text-wrap: nowrap;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    text-align: right;
}


.view-product-single .variations select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 18px 6px 15px;
    min-width: 100px;
    height: 48px;
    border: 1px solid #DEDCF7;
    border-radius: 34px;
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    direction: rtl;
    color: var(--view-accent);
    background-color: #fff;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
}

.view-product-single .variations select {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22%23CECBF3%22%2F%3E%0A%3Cpath%20d%3D%22M16%2020C15.4347%2020%2014.8693%2019.7802%2014.4413%2019.3486L9.17566%2014.0401C8.94145%2013.804%208.94145%2013.4132%209.17566%2013.1771C9.40986%2012.941%209.79752%2012.941%2010.0317%2013.1771L15.2974%2018.4856C15.685%2018.8764%2016.315%2018.8764%2016.7026%2018.4856L21.9683%2013.1771C22.2025%2012.941%2022.5901%2012.941%2022.8243%2013.1771C23.0586%2013.4132%2023.0586%2013.804%2022.8243%2014.0401L17.5587%2019.3486C17.1307%2019.7802%2016.5653%2020%2016%2020Z%22%20fill%3D%22%235B51D8%22%2F%3E%0A%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: left 7px center;
    background-size: 32px;
}


.view-product-single .variations .reset_variations {
    color: var(--view-secondary);
    font-weight: 500;
}


.view-product-single .variations td.value {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    margin-top: -3px;
    width: 50%;
}


.view-product-single .variations [for="pa_color-scheme"] .attr-extra-inline .attr-desc {
    margin-right: -85px;
}

.view-product-single .variations tr {
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: flex-end;
}

.view-product-single .product-short-description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    color: #7A7991;
}

.product-gallery::after {
    content: '';
    position: absolute;
    display: block;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%22527%22%20viewBox%3D%220%200%2012%20527%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%225.5%22%20width%3D%221%22%20height%3D%22515%22%20fill%3D%22%23221F47%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Ccircle%20cx%3D%226%22%20cy%3D%22521%22%20r%3D%226%22%20fill%3D%22%23221F47%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3C%2Fsvg%3E');
    height: 100%;
    width: 30px;
    left: -20px;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.view-product-single .variations label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: center;
    gap: 10px;
}

.view-product-single .variations .attr-extra-inline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
    text-wrap: wrap;
    gap: 10px;
}


.view-product-single .variations .attr-extra-inline .attr-en {
    font-weight: 500;
    font-size: 12px;
    line-height: 32px;
    color: #A7A5B5;
}


.view-product-single .variations .attr-extra-inline .attr-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    color: #7A7991;
    margin-right: -55px;
    min-width: 300px;
    max-width: 300px;
}


.view-product-single .product-price,
.view-variable-price-header,
.view-product-single .variations th.label {
    position: relative;
    z-index: 0;
}

.view-product-single .product-name::before,
.view-product-single .product-price:before,
.view-variable-price-header::before,
.view-product-single .variations th.label::before {
    content: '';
    position: absolute;
    right: -37px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%225%22%20viewBox%3D%220%200%2016%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%222.5%22%20r%3D%222.5%22%20fill%3D%22%23DEDCF7%22%2F%3E%0A%3Crect%20y%3D%222%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23DEDCF7%22%2F%3E%0A%3C%2Fsvg%3E');
    display: inline-block;
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    top: 16px;
}

.view-product-single .product-subtitle {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #A7A5B5;
}

.view-product-single .product-separator {
    height: 1px;
    background: linear-gradient(270deg, #E9E9ED 0%, rgba(233, 233, 237, 0) 100%);
    width: 100%;
    display: block;
}

.view-product-single .product-meta .meta-item.product-rate {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #E1306C;
}

.view-product-single .product-meta .meta-item.voting-user,
.view-product-single del .woocommerce-Price-amount.amount {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #908FA3;
}

.view-product-single ins {
    text-decoration: none;
}

.view-product-single ins .woocommerce-Price-amount.amount,
.view-product-single .woocommerce-Price-amount.amount {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    text-align: right;
    color: #221F47;
}

.view-product-single ins .woocommerce-Price-amount.amount:before,
.view-product-single .woocommerce-Price-amount.amount:before {
    content: '';
    display: inline-block;
    margin-left: 12px;
    width: 12px;
    height: 12px;
    background: var(--view-secondary);
    border-radius: 4px;
}

.view-product-single del .woocommerce-Price-amount.amount:before {
    display: none;
}

.view-product-single ins .woocommerce-Price-currencySymbol,
.view-product-single .woocommerce-Price-currencySymbol {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #221F47;
    opacity: 0.5;
}


.view-product-single .product-meta .meta-item.comment-count,
.view-product-single .product-meta .meta-item.specifications {
    background: #EFEEFB;
    border: 1px solid #DEDCF7;
    border-radius: 32px;
    padding: 4px 12px 4px 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: var(--view-accent);
}

.view-product-single .section-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    text-align: right;
    color: var(--view-accent);
}

.view-product-single .section-title-en {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    color: #A7A5B5;
}

.product-gallery-wrap {
    background: #fff;
    border-radius: 24px;
}

/* ===== Viewport / Stage (Base) ===== */
.gallery-viewport {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    flex-direction: column;
}

.gallery-stage:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    background: url("../image/product-gallery.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    z-index: -1;
}

.gallery-stage:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 100%;
    background: url("../image/product-gallery.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    z-index: -1;
}

.gallery-stage {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(49.92% 183.62% at 50.08% 50%, #5B51D8 0%, #41399A 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;

}

/* سوئیپر: جلوگیری از رشد ارتفاع و چیدمان درست */
.gallery-stage.swiper {
    overflow: hidden
}

.gallery-stage .swiper-wrapper {
    align-items: center
}

/* همه اسلایدها وسط چین */
.gallery-stage .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

/* تصویر اصلی داخل اسلاید */
.gallery-main {
    max-height: 350px;
    width: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .25));
}

/* ===== Arrows ===== */
.gallery-arrow {
    position: absolute;
    top: 35%;
    width: 32px;
    height: 32px;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .12);
    font-size: 24px;
    line-height: 56px;
    text-align: center;
    z-index: 3;
    cursor: pointer;
    user-select: none;
    transition: box-shadow .15s ease, transform .15s ease, opacity .15s ease;
    display: flex;
    align-items: center;
    justify-items: center;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

.gallery-arrow:hover {
    box-shadow: 0 14px 28px rgba(16, 24, 40, .16)
}


/* سوئیپر کلاس غیرفعال را خودش ست می‌کند */
.gallery-arrow.swiper-button-disabled {
    opacity: .4;
    cursor: not-allowed;
    transform: translateY(-50%)
}

/* جایگاه پیکان‌ها: RTL پیش‌فرض */
.gallery-prev {
    right: 18px
}

.gallery-next {
    left: 18px
}

/* اگر صفحه LTR بود جابه‌جا شوند */
[dir="ltr"] .gallery-prev {
    left: 18px;
    right: auto
}

[dir="ltr"] .gallery-next {
    right: 18px;
    left: auto
}

/* ===== Badges ===== */
.gallery-badges {
    position: absolute;
    top: 18px;
    right: 18px;
    display: flex;
    gap: 12px;
    z-index: 2;
    flex-direction: column;
    background: #FFFFFF40;
    padding: 8px;
    border-radius: 888px;
}

.badge-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .12);
    display: grid;
    place-items: center;
    text-decoration: none;
    color: #111;
    transition: transform .15s ease, box-shadow .15s ease
}

.badge-icon:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(16, 24, 40, .16)
}


.gallery-thumbs {
    display: flex;
    gap: 12px;
    overflow: hidden;
    margin-top: 14px;
    padding: 2px;
    position: relative;
}


.gallery-thumbs .swiper-slide {
    background: #fff;
    padding: 4px;
    border-radius: 20px;
    width: calc(11% + 37px) !important;
}

.thumb-item {
    border: 2px solid transparent;
    border-radius: 16px;
    padding: 6px;
    background: rgb(91 81 216 / 20%);
    cursor: pointer;
    transition: border-color .15s ease, transform .12s ease, box-shadow .12s ease;
    position: relative;
    z-index: 0;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.thumb-item img {
    object-fit: cover;
    height: 100%;
}


.thumb-item::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    background: url("../image/product-gallery.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    z-index: -1;
}


.thumb-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 100%;
    background: url("../image/product-gallery.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    z-index: -1;
}

.thumb-item:hover {
    transform: translateY(-1px);
}

.gallery-thumbs .swiper-slide-visible.swiper-slide-active {
    border: 1px solid var(--view-primary)
}

.gallery-thumbs .swiper-slide-visible.swiper-slide-active .thumb-item {
    background: var(--view-primary);
}

/* خود تصویر تامب */
/* .gallery-thumbs img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 10px;
} */

/* ===== ریسپانسیو‌های لطیف ===== */
@media (max-width: 768px) {
    .gallery-viewport {
        min-height: 320px
    }

    .gallery-main {
        max-height: 360px
    }

    .gallery-arrow {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        line-height: 48px;
        font-size: 22px
    }

    .badge-icon {
        width: 48px;
        height: 48px;
        border-radius: 12px
    }

    /* .gallery-thumbs img {
        width: 64px;
        height: 64px
    } */
}

@media (max-width: 480px) {
    .gallery-viewport {
        min-height: 280px
    }

    .gallery-main {
        max-height: 320px
    }

    .gallery-arrow {
        display: none
    }

    /* موبایل: اسکرول/سوایپ کافی است */
}


.badges-ctrl.badges-fav,
.badges-ctrl.badges-share {
    padding: 0;
    max-width: 40px;
    max-height: 40px;
    box-sizing: border-box;
    background: transparent;
    border: none;
    outline: none;
}

.badges-ctrl.badges-fav svg,
.badges-ctrl.badges-share svg {
    width: 40px;
    height: 40px;
}

.product-nav {
    display: flex;
    background: var(--view-accent);
    border-radius: 999px;
    justify-content: center;
    height: 68px;
    position: relative;
    width: 100%;
}

.product-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    list-style: none;
}

.product-nav-list .product-nav-item {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    transition: all 300ms;
}

.product-nav-list .product-nav-item .product-nav-link {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    transition: all 300ms;
}

.product-nav-list .product-nav-item:hover .product-nav-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
}

.product-nav-list .product-nav-item:hover {
    background: rgba(91, 81, 216, 0.2);
    padding: 6px 14px;
    border-radius: 56px;
}

.product-nav-list .product-nav-item:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-flex;
    margin-left: 8px;
    background: rgba(255, 255, 255, 0.2);
    transition: all 300ms;
}

.product-nav-list .product-nav-item:hover:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-flex;
    margin-left: 8px;
    background: #5B51D8;
    transform: rotate(45deg);
}

.view-rating-stars {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 6px;
    cursor: pointer;
    margin-top: 10px;
}

.view-rating-stars input {
    display: none;
}

.view-rating-stars label {
    transition: transform 0.2s ease, filter 0.2s ease;
    opacity: 0.7;
}

.view-rating-stars label:hover,
.view-rating-stars label:hover~label {
    transform: scale(1.1);
    opacity: 1;
    filter: drop-shadow(0 0 4px rgba(255, 212, 59, 0.6));
}

.view-rating-stars input:checked~label svg path {
    fill: #FFD43B !important;
}


/* رادیوها را دسترس‌پذیر اما نامرئی نگه داریم */
.view-rating-stars input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
}

/* حالت پایه: ستاره‌ها خاکستری مات با استروک ظریف */
.view-rating-stars label {
    opacity: .55;
    transition: transform .15s ease, opacity .15s ease, filter .15s ease;
}

.view-rating-stars label svg path {
    fill: #C9C6E6 !important;
    /* خاموش / انتخاب‌نشده */
    stroke: #B9B6D8 !important;
    stroke-width: .6px;
}

/* پیش‌نمایش Hover: ستارهٔ زیر ماوس و همهٔ ستاره‌های «کم‌تر» (به خاطر row-reverse) */
.view-rating-stars label:hover svg path,
.view-rating-stars label:hover~label svg path {
    fill: #FFD43B !important;
    /* زرد ستاره‌ای */
    stroke: #E6B800 !important;
}

.view-rating-stars label:hover,
.view-rating-stars label:hover~label {
    opacity: 1;
    transform: scale(1.05);
    filter: drop-shadow(0 0 4px rgba(255, 212, 59, .45));
}

/* حالت انتخاب شده (۴ ستاره یعنی 4 تا زرد، بقیه خاکستری) */
.view-rating-stars input:checked+label svg path,
.view-rating-stars input:checked+label~label svg path {
    fill: #FFD43B !important;
    stroke: #E6B800 !important;
}

.view-rating-stars input:checked+label,
.view-rating-stars input:checked+label~label {
    opacity: 1;
    filter: drop-shadow(0 0 4px rgba(255, 212, 59, .35));
}


.product-the-content p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #4E4C6C;
}

.product-the-content p-4 h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
    color: #221F47;

}


.col-fix {
    position: relative;
}

.card-fix {
    position: sticky;
    top: 20px;
}

.product-attributes-list {
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-attribute-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}

.attr-name,
.attr-value {
    border-radius: 24px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.8;
    color: #222;
}

.attr-name {
    width: 35%;
    text-align: right;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #221F47;
}

.attr-name:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 2px;
    display: inline-flex;
    margin-left: 4px;
    background: #221F47;
    transform: rotate(45deg);
}

.attr-value {
    width: 65%;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #4E4C6C;
}

.attr-value .attr-line {
    display: block;
    margin-bottom: 4px;
    /* فاصله بین خطوط */
    text-align: right;
}

.is-purple {
    background-color: rgba(91, 81, 216, 0.05);
    /* بنفش ملایم */
    border: 1px solid rgba(91, 81, 216, 0.1);
}

.is-pink {
    background-color: #FDF5F8;
    /* صورتی روشن */
    border: 1px solid #FCEAF0;
}


.view-product-single .view-accordion.view-accordion--two-col .view-acc__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px 24px;
    flex-direction: row;
}

.view-product-single .view-accordion.view-accordion--two-col .view-acc__col {
    width: calc(50% - 12px);
    /* دو ستون */
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 991.98px) {
    .view-product-single .view-accordion.view-accordion--two-col .view-acc__col {
        width: 100%;
    }
}

.product-faq-wrapper {
    background: #fff;
    border-radius: 32px;
    border: 1px solid rgba(34, 31, 71, 0.1);
    height: 311px;
    max-height: 311px;
    padding: 80px 32px 16px 32px;
    box-sizing: border-box;
}

.product-faq-header {
    margin-bottom: -30px;
    z-index: 2;
    position: relative;
    margin-right: 16px;
    background: #fff;
    width: fit-content;
}

.view-cart-page .view-cart-content {
    box-sizing: border-box;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
    background: repeating-linear-gradient(to bottom,
            rgba(233, 233, 237, 0) 0%,
            rgba(233, 233, 237, 0.2) 50%,
            rgba(233, 233, 237, 0) 100%);
    padding: 56px 24px;
}

.view-cart-page .view-cart-header {
    margin: 0 16px -30px 0;
    background: #fff;
    width: fit-content;
    position: relative;
    z-index: 1;
}

.view-cart-page .cart-bill-header h3 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    color: #221F47;
}

.view-cart-page .cart-bill-header span {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #A7A5B5;
}

.view-cart-page .cart-bill {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
    padding: 20px 12px 65px 12px;
    position: relative;
    z-index: 0;
}


.view-product-single .load-more {
    background: #F3F6FD;
    border: 1px solid #EFEEFB;
    overflow: hidden;
    width: fit-content;
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms;
    border-radius: 999px;
    box-sizing: border-box;
    padding: 4px 8px 4px 4px;
    gap: 5px;
}

div#section-specs:after,
.product-the-content::after {
    content: '';
    display: flex;
    width: 100%;
    background: #fff;
    margin-top: -20px;
    height: 80px;
    overflow: hidden;
    border-radius: 999px;
}


.view-product-single .load-more span {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    box-sizing: border-box;
    background: #F3F6FD;
    border: 1px solid #EFEEFB;
    border-radius: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #221F47;
    width: fit-content;
    padding: 2px 8px 2px 2px;
    text-decoration: none;
    margin: 0;
    padding: 0;
}







.product-the-content,
#section-specs {
    position: relative;
}


.product-the-content .p-4,
#section-specs .product-attributes-list {
    max-height: 300px;
    overflow: hidden;
}



.product-the-content .p-4.is-open,
#section-specs .product-attributes-list.is-open,
.checkout-sections .date-picker.is-open {
    max-height: none !important;
    overflow: visible !important;
}

.date-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-height: 68px;
    overflow: hidden;
}

.checkout-sections .more-date{
	color : var(--view-primary);
	box-sizing : border-box;
}


.view-product-single .view-cart-page .bill-details {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DEDCF7;
    border-radius: 16px;
    padding: 8px 12px;
}

.view-cart-page .bill-details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #64627E;
    margin: 0;
    padding: 0;

}

.view-cart-page .bill-details span {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #221F47;
    width: fit-content;
    align-self: end;
}

.view-cart-page .bill-details span.woocommerce-Price-currencySymbol {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #221F47;
    opacity: 0.5;
}

.view-cart-page .bill-details>span:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 2px;
    display: inline-flex;
    background: var(--view-secondary);
    margin-left: 5px;
}

.view-cart-page .bill-off-percent {
    width: 100%;
    border-radius: 12px;
    background: var(--view-secondary);
    color: #fff;
    padding: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    box-sizing: border-box;
}

.view-cart-page .final-cost {
    box-sizing: border-box;
    background: #F7F6FD;
    border: 1px solid #BDB9EF;
    border-radius: 16px;
    padding: 8px 12px;
}

.view-cart-page .final-cost p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #64627E;
    margin: 0;
    padding: 0;
}

.view-cart-page .final-cost span {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #221F47;
    width: fit-content;
    align-self: end;
}

.view-cart-page .final-cost span.woocommerce-Price-currencySymbol {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #221F47;
    opacity: 0.5;
}

.view-cart-page .final-cost>span:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 2px;
    display: inline-flex;
    background: var(--view-secondary);
    margin-left: 5px;
}

.view-cart-page .confirm-continue,
.ad-plan-single .single_add_to_cart_button {
    padding: 8px 32px;
    gap: 8px;
    height: 48px;
    background: #5B51D8 !important;
    border-radius: 56px !important;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    z-index: 0;
    overflow: hidden !important;
}

.view-cart-page .confirm-continue:before,
.ad-plan-single .single_add_to_cart_button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/pattern.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: overlay;
    z-index: -1;
}

.view-cart-page .cart-item {
    display: flex;
    gap: 20px;
    border: 1px solid var(--view-accent-100);
    border-radius: 24px;
    background: #fff;
    flex-direction: row;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    /* padding: 8px 8px 8px 24px; */
}

.view-cart-page .card-item-thumb {
    width: 99px;
    height: 104px;
    background: radial-gradient(49.92% 183.62% at 50.08% 50%, #5B51D8 0%, #41399A 100%);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.view-cart-page .card-item-thumb:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/cart-page.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: overlay;
    z-index: -1;
}

.view-cart-page .woocommerce-cart-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.view-cart-page .cart-item-title {
    width: 35%;
}

.view-cart-page .cart-item-title a {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    text-align: right;
    color: #221F47;
    text-decoration: none;
}

.view-cart-page .cart-item-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #64627E;
}

.view-cart-page .cart-item-price {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
    color: #221F47;
}

.view-cart-page .cart-item-price .woocommerce-Price-currencySymbol {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
    opacity: 0.5;
}

.view-cart-page .qty-control {
    width: fit-content;
    display: inline-flex;
    height: 40px;
    box-sizing: border-box;
    background: #fff;
    align-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 999px;
    border: 1px solid #E9E9ED;
}

.view-cart-page .qty-minus,
.view-cart-page .qty-plus {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
    background: transparent;
    font-weight: 700;
    display: flex;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    outline: none;
    align-items: center;
    justify-content: center;
}

.view-cart-page .cart-item-remove {
    display: none;
}

.view-cart-page .shipping-cost {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #908FA3;
}

.view-cart-page .discount-code-section {
    box-sizing: border-box;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
    padding: 46px 24px 24px 24px;
}

.view-cart-page .discount-code-header {
    background: #fff;
    margin-top: -76px;
    width: fit-content;
}

.view-cart-page .discount-code-header h3 {
    font-weight: 900;
    font-size: 24px;
    line-height: 56px;
    text-align: right;
    color: #221F47;
    margin: 0;
}

.view-cart-page .discount-code-header span {
    font-weight: 600;
    font-size: 12px;
    line-height: 56px;
    text-align: right;
    color: #A7A5B5;
}

.view-cart-page .discount-code-section p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #64627E;
}

.view-cart-page .discount-code-section input {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 8px 8px 16px;
    gap: 8px;
    background: #FDF5F8;
    border: 1px solid #F9D6E2;
    border-radius: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #F097B5;
    outline: none;
    font-family: inherit;
}

.view-cart-page .discount-code-section input::placeholder {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #F097B5;
    font-family: inherit;
}

.view-cart-page .discount-code-section button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 32px;
    gap: 8px;
    height: 41px;
    background: #E1306C;
    border-radius: 56px;
    outline: none;
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 0;
    overflow: hidden;
    cursor: pointer;
}

.view-cart-page .discount-code-section button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/pattern.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: overlay;
    z-index: -1;
}

.view-cart-page .cart-bill::before {
    content: '';
    display: block;
    width: 1px;
    height: 90%;
    background: var(--view-primary-100);
    position: absolute;
    top: 10px;
    right: 11%;
    z-index: -1;
}

.view-cart-page .cart-bill::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background: var(--view-primary-100);
    position: absolute;
    top: 91%;
    right: 9.5%;
    z-index: -1;
    border-radius: 50%;
}


@media screen and (max-width: 768px) {
    .view-cart-page .cart-item-title {
        width: calc(100% - 100px);
        margin: 0;
    }

    .view-cart-page .cart-item-title a {
        font-size: 15px;
        line-height: 23px;
    }

    .view-cart-page .cart-item {
        padding: 16px;
    }

    .view-cart-page .cart-item-price {
        margin: 0;
    }

}

/*CHECKOUT PAGE*/


.view-checkout-page .view-checkout-content {
    box-sizing: border-box;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
    background: #fff;
    padding: 56px 24px;
}

.view-checkout-page .view-checkout-header {
    margin: 0 16px -30px 0;
    background: #fff;
    width: fit-content;
    position: relative;
    z-index: 1;
}

.view-checkout-page .checkout-bill-header h3 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    color: #221F47;
}

.woocommerce ul.products li.product .onsale {
    display: none !important;
}


.view-checkout-page .checkout-bill-header span {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #A7A5B5;
}

.view-checkout-page .checkout-bill {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
    padding: 20px 12px 65px 12px;
    position: relative;
    z-index: 0;
}


.view-checkout-page .bill-details {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DEDCF7;
    border-radius: 16px;
    padding: 8px 12px;
}

.view-checkout-page .bill-details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #64627E;
    margin: 0;
    padding: 0;

}

.view-checkout-page .bill-details span {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #221F47;
    width: fit-content;
    align-self: end;
}

.view-checkout-page .bill-details span.woocommerce-Price-currencySymbol {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #221F47;
    opacity: 0.5;
}

.view-checkout-page .bill-details>span:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 2px;
    display: inline-flex;
    background: var(--view-secondary);
    margin-left: 5px;
}

.view-checkout-page .bill-off-percent {
    width: 100%;
    border-radius: 12px;
    background: var(--view-secondary);
    color: #fff;
    padding: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    box-sizing: border-box;
}

.view-checkout-page .final-cost {
    box-sizing: border-box;
    background: #F7F6FD;
    border: 1px solid #BDB9EF;
    border-radius: 16px;
    padding: 8px 12px;
}

.view-checkout-page .final-cost p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #64627E;
    margin: 0;
    padding: 0;
}

.view-checkout-page .final-cost span {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #221F47;
    width: fit-content;
    align-self: end;
}

.view-checkout-page .final-cost span.woocommerce-Price-currencySymbol {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #221F47;
    opacity: 0.5;
}

.view-checkout-page .final-cost>span:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 2px;
    display: inline-flex;
    background: var(--view-secondary);
    margin-left: 5px;
}

.view-checkout-page .confirm-continue {
    padding: 8px 32px;
    gap: 8px;
    height: 48px;
    background: #5B51D8;
    border-radius: 56px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: none;
    outline: none;
}

.view-checkout-page .confirm-continue:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/pattern.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: overlay;
    z-index: -1;
}


.view-checkout-page .checkout-bill::before {
    content: '';
    display: block;
    width: 1px;
    height: 90%;
    background: var(--view-primary-100);
    position: absolute;
    top: 10px;
    right: 11%;
    z-index: -1;
}

.view-checkout-page .checkout-bill::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background: var(--view-primary-100);
    position: absolute;
    top: 91%;
    right: 9.5%;
    z-index: -1;
    border-radius: 50%;
}

/* باکس کلی روش‌های ارسال */
.shipping-method {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DEDCF7;
    border-radius: 16px;
    padding: 8px 12px;
}

/* هر گزینه‌ی ارسال */
.ship-row {
    display: flex;
    align-items: center;
    border-radius: 12px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}


.ship-input-wrap,
.pay-input-wrap,
.billing-check-wrap,
.shipping-check-wrap,
.custom-check-wrap,
.form-check-input-wrap {
    padding: 2px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #BDB9EF;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    min-width: 26px;
    max-width: 26px;
    min-height: 26px;
    max-height: 26px;
}

.ship-input-wrap svg,
.pay-input-wrap svg,
.billing-check-wrap svg,
.shipping-check-wrap svg,
.custom-check-wrap svg,
.form-check-input-wrap svg {
    position: absolute;
    z-index: 1;
    display: none;
}

/* دایره‌ی رادیویی */
.ship-row input[type="radio"],
.pay-input-wrap input[type="radio"],
.billing-check-wrap input[type="radio"],
.shipping-check-wrap input[type="radio"],
.custom-check-wrap input[type="radio"],
.form-check-input-wrap input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: rgba(91, 81, 216, 0.1);
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 0;
    padding: 0;
    color: #fff;
    box-sizing: border-box;
}

/* نقطه‌ی وسط در حالت انتخاب */
.ship-row input[type="radio"]:checked,
.pay-input-wrap input[type="radio"]:checked,
.billing-check-wrap input[type="radio"]:checked,
.shipping-check-wrap input[type="radio"]:checked,
.custom-check-wrap input[type="radio"]:checked,
.form-check-input-wrap input[type="checkbox"]:checked {
    background-color: #5B51D8;
}

.ship-input-wrap input[type="radio"]:checked+svg,
.pay-input-wrap input[type="radio"]:checked+svg,
.billing-check-wrap input[type="radio"]:checked+svg,
.shipping-check-wrap input[type="radio"]:checked+svg,
.custom-check-wrap input[type="radio"]:checked+svg,
.form-check-input-wrap input[type="checkbox"]:checked+svg {
    display: block;
}

/* متن عنوان ارسال */
.ship-title {
    font-weight: 600;
    font-size: 15px;
    color: #2c2c2c;
}

.pay-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #64627E;
}

/* قیمت ارسال */
.ship-price {
    font-weight: 700;
    font-size: 15px;
    color: #2c2c2c;
    direction: rtl;
}

.ship-row-content {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #64627E;
    flex-wrap: wrap;
    align-self: end;
    flex-direction: row;
    width: 100%;
}

.ship-row-content .woocommerce-Price-amount.amount {
    width: 100%;
    text-align: end;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #221F47;
}

.ship-row-content .woocommerce-Price-currencySymbol {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
    opacity: 0.5;
}

.ship-row-content .woocommerce-Price-amount.amount:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 2px;
    display: inline-flex;
    background: var(--view-primary);
    margin-left: 5px;
}

#payment {
    box-sizing: border-box;
    background: #FFFFFF !important;
    border: 1px solid #DEDCF7;
    border-radius: 16px !important;
    padding: 8px 12px;
}

.pay-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 8px;
}

.payment_box {
    display: none !important;
}

.pay-note {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #908FA3;
    margin: 0;
    padding: 0;
}

.pay-sep svg {
    width: 100%;
    height: auto;
}

.checkout-sections {
    box-sizing: border-box;
    border: 1px solid #E9E9ED;
    border-radius: 24px;
}

.checkout-sections .checkout-sections-header h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    color: #383559;
}

.checkout-sections .checkout-sections-header span {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #A7A5B5;
}

.personal-Information .form-group,
.address-Information .custom-address-form .form-group {
    width: 50%;
}

.address-Information .custom-address-form .form-group.textarea {
    width: 100%;
}


.personal-Information .form-group div {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
}

.personal-Information .form-group input,
.address-Information .custom-address-form input,
.address-Information .custom-address-form textarea {
    padding: 8px 20px;
    height: 44px;
    background: #F0F4F6;
    border-radius: 8px;
    box-sizing: border-box;
    border: none;
    outline: none;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
    font-family: inherit;
}

.address-Information .custom-address-form textarea {
    height: 100px;
}

.personal-Information,
.personal-Information div,
.address-Information .custom-address-form,
.address-Information .custom-address-form div {
    box-sizing: border-box;
}

.personal-Information .star,
.ad-plan-single .ad-plan-form .star {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #5B51D8;
    margin-right: 4px;
}

.personal-Information .optional,
.ad-plan-single .ad-plan-form .optional {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    text-align: right;
    color: #5B51D8;
    margin-right: 4px;
}

.address-Information .billing-address,
.address-Information .shipping-address,
.address-Information .custom-address-form {
    box-sizing: border-box;
    border: 1px solid #E9E9ED;
    border-radius: 16px;
}

.date-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.date-option {
    box-sizing: border-box;
    width: 116px;
    height: 60px;
    background: #FDF5F8;
    border: 1px solid #FCEAF0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 12px;
}


.info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.weekday {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #221F47;
}

.date {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #64627E;
}

.date-option input[type="radio"] {
    display: none;
}

/* SVGها */
.custom-radio {
    width: 22px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio-icon.checked {
    display: none;
}

.date-option input[type="radio"]:checked+.custom-radio .default {
    display: none;
}

.date-option input[type="radio"]:checked+.custom-radio .checked {
    display: block;
}


.date-option .tag {
    font-size: 10px;
    background-color: #ffe5ef;
    color: var(--view-secondary);
    border-radius: 14px;
    padding: 2px 6px;
    margin-right: auto;
    position: absolute;
    left: 3px;
    top: 7px;
}

.date-option.holiday {
    opacity: 0.7;
    background-color: #fff4f6;
    position: relative;
}


.visually-hidden {
    display: none !important;
}

.woocommerce-privacy-policy-text {
    display: none;
}

.view-thankyou-page {
    box-sizing: border-box;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
}

.thankyou-page-header {
    margin-top: -54px;
    background: #fff;
    width: fit-content;
    margin-left: 3px;
}

.thankyou-page-header h3 {
    font-weight: 900;
    font-size: 24px;
    line-height: 56px;
    text-align: right;
    color: #221F47;
    margin: 0;
    padding: 0;
}

.thankyou-page-header span {
    font-weight: 600;
    font-size: 12px;
    line-height: 56px;
    text-align: right;
    color: #A7A5B5;
}

.order-status-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #E1306C;
}


.view-thankyou-page .meta-wrapper {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.view-thankyou-page .meta-wrapper-bg {
    width: 100%;
    height: 72px;
    border-radius: 16px;
    background: radial-gradient(43.81% 152.92% at 50% 50%, #5B51D8 0%, #41399A 100%);
    margin-top: -45px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.view-thankyou-page .meta-wrapper-bg:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url("../image/vertical-pattern-dark.png");
    width: 30px;
    height: 100%;
    z-index: -1;
    background-size: cover;
    mix-blend-mode: hard-light;
}

.view-thankyou-page .meta-wrapper-bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url("../image/vertical-pattern-dark.png");
    width: 30px;
    height: 100%;
    z-index: -1;
    background-size: cover;
    mix-blend-mode: hard-light;
}


.view-thankyou-page .meta-item {
    border: 2px solid var(--view-primary);
    background: #fff;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    box-sizing: border-box;
    max-width: 270px;
}

.view-thankyou-page .meta-item:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url("../image/vertical-pattern.png");
    width: 60px;
    height: 100%;
    z-index: -1;
}

.view-thankyou-page .meta-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url("../image/vertical-pattern.png");
    width: 20px;
    height: 100%;
    z-index: -1;
}

.view-thankyou-page .meta-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #64627E;
    margin: 0;
    padding: 0;
}

.view-thankyou-page .meta-value,
.view-thankyou-page .post-cat {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #221F47;
    margin: 0;
    padding: 0;
}

.view-thankyou-page .meta-item svg {
    width: 56px;
    height: 56px;
}

.view-thankyou-page .order-details,
.view-thankyou-page .order-address,
.view-thankyou-page .shipping-date {
    box-sizing: border-box;
    border: 1px solid #D3D2DA;
    border-radius: 24px;
}

.view-thankyou-page .order-details-header h3,
.view-thankyou-page .order-address-header h3,
.view-thankyou-page .shipping-date-header h3 {
    font-weight: 900;
    font-size: 24px;
    line-height: 56px;
    text-align: right;
    color: #221F47;
}

.view-thankyou-page .order-details-header span,
.view-thankyou-page .order-address-header span,
.view-thankyou-page .shipping-date-header span {
    font-weight: 600;
    font-size: 12px;
    line-height: 56px;
    text-align: right;
    color: #A7A5B5;
}


.order-items-header {
    background: #221F47;
    border-radius: 16px;
    height: 60px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #FFFFFF;
}

.order-item-title:before {
    content: '';
    display: inline-flex;
    margin-left: 8px;
    width: 10px;
    height: 10px;
    background: #5B51D8;
    border-radius: 2px;
}

.order-item-row:nth-child(odd) {
    box-sizing: border-box;
    background: rgba(91, 81, 216, 0.05);
    border: 1px solid rgba(91, 81, 216, 0.1);
    border-radius: 16px;
}

.order-item-row:nth-child(even) {
    box-sizing: border-box;
    background: rgba(225, 48, 108, 0.05);
    border: 1px solid rgba(225, 48, 108, 0.1);
    border-radius: 16px;
}

.order-item-row .order-item-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
}

.order-item-row:nth-child(odd) .order-item-name:before,
.order-item-row:nth-child(odd) .order-item-price:before,
.order-item-row:nth-child(odd) .order-item-qty:before,
.order-summary-panel .summary-column:nth-child(odd) .summary-label:before,
.order-summary-panel .summary-column:nth-child(odd) .summary-value:before {
    content: '';
    display: inline-flex;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    background: #5B51D8;
    border-radius: 2px;
    transform: rotate(45deg);
}

.order-item-row:nth-child(even) .order-item-name:before,
.order-item-row:nth-child(even) .order-item-price:before,
.order-item-row:nth-child(even) .order-item-qty:before,
.order-summary-panel .summary-column:nth-child(even) .summary-label:before,
.order-summary-panel .summary-column:nth-child(even) .summary-value:before {
    content: '';
    display: inline-flex;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    background: #E1306C;
    border-radius: 2px;
    transform: rotate(45deg);
}

.order-summary-panel .summary-column:nth-child(odd) .summary-label:before,
.order-summary-panel .summary-column:nth-child(even) .summary-label:before,
.order-summary-panel .summary-column:nth-child(even) .summary-value:before,
.order-summary-panel .summary-column:nth-child(odd) .summary-value:before {
    transform: rotate(0deg);
}

.order-item-row .order-item-price {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
    color: #221F47;
}

.order-item-row .order-item-price .woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #64627E;
}

.order-item-row .order-item-qty {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
}

.order-summary-panel {
    padding: 24px 40px;
    box-sizing: border-box;
    border: 1px solid rgba(34, 31, 71, 0.2);
    border-radius: 16px;
}

.summary-label {
    width: 35%;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #221F47;
}

.summary-value {
    width: 65%;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #221F47;
}

.order-summary-note {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    color: #7A7991;
}


.view-thankyou-page .address-bg {
    width: 100%;
    height: 154px;
    box-sizing: border-box;
    border-radius: 20px;
    background: var(--view-primary);
    padding: 16px 32px;
    position: relative;
    z-index: 0;
}

.view-thankyou-page .addresses-wrap {
    width: 95%;
    height: 188px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #fff;
    padding: 16px;
    border: 1px solid #E9E9ED;
    margin: 0 auto;
    margin-top: -80px;
    position: relative;
}

.view-thankyou-page .shipping-date-row {
    box-sizing: border-box;
    height: 60px;
    background: rgba(91, 81, 216, 0.05);
    border: 1px solid rgba(91, 81, 216, 0.1);
    border-radius: 16px;
    padding: 16px 30px;
}

.view-thankyou-page .shipping-date-row .ship-item {
    min-width: 200px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
}

.view-thankyou-page .shipping-date-row .ship-item:before {
    content: '';
    display: inline-flex;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    background: #5B51D8;
    border-radius: 2px;
    transform: rotate(45deg);
}

.ad-plan-single,
.ad-plan-meta-view {
    box-sizing: border-box;
    border: 1px solid #E9E9ED;
    border-radius: 24px;
}

.ad-plan-single .ad-plan-header {
    width: fit-content;
    background: #fff;
    margin-top: -78px;
}

.ad-plan-single .ad-plan-header h1 {
    font-weight: 900;
    font-size: 24px;
    line-height: 56px;
    text-align: right;
    color: #221F47;
    margin: 0;
    padding: 0;
}

.ad-plan-single .ad-plan-header span {
    font-weight: 600;
    font-size: 12px;
    line-height: 56px;
    text-align: right;
    color: #A7A5B5;
    margin: 0;
    padding: 0;
}

.ad-plan-single,
.ad-plan-single div {
    box-sizing: border-box;
}


.ad-plan-single .ad-plan-form {
    box-sizing: border-box;
    border: 1px solid #E9E9ED;
    border-radius: 24px;
    position: relative;
    z-index: 0;
    padding-bottom: 48px !important;
}

.ad-plan-single .ad-plan-form p {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #7A7991;
    margin: 0;
    padding: 0;
}

.ad-plan-single .ad-plan-form input[type="text"],
.ad-plan-single .ad-plan-form input[type="url"],
.ad-plan-single .ad-plan-form textarea,
.ad-plan-meta-view input,
.ad-plan-meta-view textarea {
    padding: 8px 20px;
    height: 44px;
    background: #F0F4F6;
    border-radius: 12px;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #7A7991;
    width: 100%;
}

.ad-plan-single .ad-plan-form textarea,
.ad-plan-meta-view textarea {
    height: 112px;
}

.ad-plan-single .ad-plan-form label {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
}

.ad-plan-single .ad-plan-form .form-check-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #64627E;
}

.ad-plan-single .single_add_to_cart_button {
    align-self: end;
}

.ad-plan-single .ad-plan-form:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 39px;
    background-image: url('data:image/svg+xml,<svg width="26" height="747" viewBox="0 0 26 747" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="21" y="41" width="695" height="1" transform="rotate(90 21 41)" fill="url(%23paint0_linear_3106_6311)"/><circle cx="2.5" cy="98.5" r="2.5" fill="%23EFEEFB"/><rect x="5" y="98" width="15" height="1" fill="%23EFEEFB"/><circle cx="2.5" cy="194.5" r="2.5" fill="%23EFEEFB"/><rect x="5" y="194" width="15" height="1" fill="%23EFEEFB"/><circle cx="2.5" cy="290.5" r="2.5" fill="%23EFEEFB"/><rect x="5" y="290" width="15" height="1" fill="%23EFEEFB"/><circle cx="2.5" cy="386.5" r="2.5" fill="%23EFEEFB"/><rect x="5" y="386" width="15" height="1" fill="%23EFEEFB"/><circle cx="2.5" cy="538.5" r="2.5" fill="%23EFEEFB"/><rect x="5" y="538" width="15" height="1" fill="%23EFEEFB"/><circle cx="2.5" cy="697.5" r="2.5" fill="%23EFEEFB"/><rect x="5" y="697" width="15" height="1" fill="%23EFEEFB"/><circle cx="20.5" cy="741.5" r="5.5" fill="%235B51D8" fill-opacity="0.1"/><rect x="21" width="16" height="1" transform="rotate(90 21 0)" fill="url(%23paint1_linear_3106_6311)"/><defs><linearGradient id="paint0_linear_3106_6311" x1="21" y1="41.5" x2="716" y2="41.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23F6FAFF"/><stop offset="1" stop-color="%23E6ECFD"/></linearGradient><linearGradient id="paint1_linear_3106_6311" x1="21" y1="0.5" x2="37" y2="0.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23F6FAFF"/><stop offset="1" stop-color="%23E6ECFD"/></linearGradient></defs></svg>');
    width: 32px;
    height: 96%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.adplan-features-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
    color: #221F47;
}

.adplan-features {
    margin: 0;
    padding: 0;
}

.adplan-features li span {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
    color: #221F47;
    opacity: 0.5;
    margin: 0;
    padding: 0;
}

.order-summary-panel svg {
    width: 100%;
    height: auto;
}

.adplan-features-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #221F47;
    opacity: 0.5;
}

.ad-plan-meta-view .flex-fill {
    width: 50%;
}

.ad-plan-meta-view label {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #221F47;
}

@media screen and (max-width: 1024px) {
    .view-thankyou-page .meta-item {
        max-width: 100%;
    }

    .thankyou-page-header {
        margin: 0;
    }

    .thankyou-page-header h3 {
        font-size: 19px;
    }

    .view-thankyou-page .order-details-header h3,
    .view-thankyou-page .order-address-header h3,
    .view-thankyou-page .shipping-date-header h3 {
        font-size: 19px;
    }

    .order-item-row {
        overflow: scroll;
        text-wrap: nowrap;
        gap: 150px;
    }

    .order-summary-panel {
        padding: 16px;
    }

    .summary-label {
        width: 50%;
    }

    .summary-value {
        width: 50%;
    }

    .view-thankyou-page .addresses-wrap {
        height: auto;
    }

    .view-thankyou-page .address-bg {
        height: 94px;
    }

    .view-thankyou-page .order-details-header span,
    .view-thankyou-page .order-address-header span,
    .view-thankyou-page .shipping-date-header span,
    .account-shell .dashboard .dashboard-header span,
    .account-shell .orders .orders-header span,
    .account-shell .downloads .downloads-header span,
    .account-shell .addresses .addresses-header span,
    .account-shell .address-form-header span,
    .account-shell .wishlist .wishlist-header span,
    .account-shell .recently-viewed .recently-viewed-header span,
    .account-shell .tickets .tickets-header span,
    .account-shell .ticket-single .ticket-single-header span,
    .account-shell .edit-account .edit-account-header span {
        display: none !important;
    }

    .ad-plan-meta-view .flex-fill {
        width: 100%;
    }

    .view-thankyou-page .shipping-date-row {
        overflow-x: scroll;
        text-wrap: nowrap;
        gap: 0px;
    }

    nav.account-panel {
        max-width: 100%;
    }

    .account-shell .dashboard .dashboard-header h3,
    .account-shell .orders .orders-header h3,
    .account-shell .downloads .downloads-header h3,
    .account-shell .addresses .addresses-header h3,
    .account-shell .address-form-header h3,
    .account-shell .wishlist .wishlist-header h3,
    .account-shell .recently-viewed .recently-viewed-header h3,
    .account-shell .tickets .tickets-header h3,
    .account-shell .ticket-single .ticket-single-header h3,
    .account-shell .edit-account .edit-account-header h3 {
        font-size: 20px;
    }

    .woocommerce-account .ticket-row,
    .woocommerce-account .tickets-head,
    .woocommerce-account .orders-toolbar,
    .woocommerce-account .downloads-toolbar,
    .woocommerce-account .tickets-toolbar,
    .woocommerce-account .orders-head,
    .woocommerce-account .downloads-head,
    .woocommerce-account .order-row,
    .woocommerce-account .download-row,
    .woocommerce-account .ticket-row {
        overflow-x: auto;
        position: relative;
        text-wrap: nowrap;
        scrollbar-width: none !important;
    }

    .ticket-thread .field:nth-child(even) {
        margin-right: 0;
    }

    .account-shell .addresses .addresses-wrap {
        height: auto;
    }

    .account-shell .addresses .addresses-wrap .address-card-edit {
        left: 10px;
        bottom: 10px;
        z-index: 1000;
        top: unset;
    }

    .edit-account .form-wrap-1 .form-group-1,
    .edit-account .form-wrap-1 .form-group-2,
    .edit-account .form-wrap-2 div {
        max-width: 100%;
    }

    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
    }

    .ad-plan-single .ad-plan-form:before {
        display: none;
    }

    .ad-plan-single .ad-plan-header {
        margin: 0;
    }



    .view-product-single .product-title .the-title,
    .the-content-header h3,
    .comments-title h4,
    .specifications-header h4,
    .related-post-header h4,
    .product-faq-header h3,
    .view-cart-header h3,
    .view-checkout-header h3 {
        font-size: 20px;
    }

    .view-product-single .product-gallery,
    .view-product-single .product-details {
        width: 100%;
        box-sizing: border-box;
    }

    .qty-control {
        margin: 0;
    }

    .product-nav-list {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        list-style: none;
        overflow-x: scroll;
        text-wrap: nowrap;
        box-sizing: border-box;
        margin: 0;
    }


    .attr-value,
    .attr-name {
        box-sizing: border-box;
        width: 100%;
    }

    .product-attribute-item {
        flex-direction: column;
    }

    .related-post-header {
        margin: 0;
        background: unset;
    }

    .product-faq-wrapper {
        padding: 48px 24px 24px 24px;
        height: auto;
        max-height: 100%;
    }

    .view-product-single .view-accordion.view-accordion--two-col .view-acc__list {
        flex-wrap: wrap;
    }

    .related-post-wrap {
        box-sizing: border-box !important;
    }

    .personal-Information .form-group,
    .address-Information .custom-address-form .form-group {
        width: 100%;
    }

    .checkout-sections .checkout-sections-header h3 {
        font-size: 16px;
    }

    .gallery-stage {
        min-height: 200px;
    }

    .view-product-single .product-title,
    .view-product-single .the-content-header,
    .view-product-single .specifications-header,
    .view-product-single .comments-title {
        margin-right: 0;
        padding: 16px;
        width: 100%;
        background: transparent;
        box-sizing: border-box;
        margin-top: -45px;
    }

    .view-product-single .product-title svg,
    .view-product-single .the-content-header svg,
    .view-product-single .specifications-header svg,
    .view-product-single .comments-title svg {
        background: #fff;
        border-radius: 999px;
    }

    .view-product-single .product-title *,
    .view-product-single .the-content-header *,
    .view-product-single .specifications-header *,
    .view-product-single .comments-title * {
        line-height: 25px !important;
    }

    .view-product-single .variations th.label {
        width: 100%;
    }

    .view-product-single .variations tr {
        align-items: flex-start;
        flex-direction: column;
    }

    .view-product-single .variations td.value {
        width: 100%;
    }
}



.bill-details.d-flex.flex-column.gap-2{
	box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DEDCF7;
    border-radius: 16px;
    padding: 8px 12px;
}