/*
Theme Name: Arty Note Theme
Theme URI: https://artynote.com
Author: Arty Note
Description: قالب اختصاصی فروشگاه هنری آرتی نوت با سبک طراحی نئوبروتالیسم
Version: 1.0.3
Text Domain: artynote
*/

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh-Regular.woff2') format('woff2'),
         url('./assets/fonts/YekanBakh-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh-Bold.woff2') format('woff2'),
         url('./assets/fonts/YekanBakh-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh-ExtraBlack.woff2') format('woff2'),
         url('./assets/fonts/YekanBakh-ExtraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-yellow: #FFD166;
    --color-pink: #EF476F;
    --color-green: #06D6A0;
    --color-blue: #34BCE8;
    --color-purple: #B18FCF;
    --color-bg: #FDFBF7;
    --color-dark: #111111;
    
    --border-width: 4px;
    --hard-shadow: 6px 6px 0px var(--color-dark);
    --hard-shadow-hover: 2px 2px 0px var(--color-dark);
}

body {
    font-family: 'Yekan Bakh', Tahoma, Arial, sans-serif;
    background-color: var(--color-bg);
    color: var(--color-dark);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

a { text-decoration: none; color: inherit; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* ==========================================================================
   ۱. استایل سراسری تمام دکمه‌ها (قالب، ووکامرس، المنتور، فرم‌ها)
   ========================================================================== */
.btn, button, input[type="button"], input[type="reset"], input[type="submit"],
.button, .elementor-button, 
body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button,
body.woocommerce #respond input#submit, body.woocommerce-page a.button, body.woocommerce-page button.button, body.woocommerce-page input.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    font-weight: 900 !important;
    font-family: 'Yekan Bakh', sans-serif !important;
    font-size: 1rem !important;
    border: var(--border-width) solid var(--color-dark) !important;
    box-shadow: 4px 4px 0px var(--color-dark) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    text-align: center !important;
    background-color: var(--color-blue) !important;
    color: var(--color-dark) !important;
    border-radius: 0 !important; /* استایل خشن نئوبروتالیسم */
    text-decoration: none !important;
}

.btn:hover, button:hover, input[type="submit"]:hover, .button:hover, .elementor-button:hover,
body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce input.button:hover {
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0px var(--color-dark) !important;
    background-color: var(--color-yellow) !important;
    color: var(--color-dark) !important;
}

/* ==========================================================================
   ۲. استایل اختصاصی کارت‌های محصول در ووکامرس
   ========================================================================== */
body.woocommerce ul.products li.product {
    background-color: white !important;
    border: var(--border-width) solid var(--color-dark) !important;
    box-shadow: var(--hard-shadow) !important;
    transition: all 0.2s ease !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

body.woocommerce ul.products li.product:hover {
    transform: translate(4px, 4px) !important;
    box-shadow: var(--hard-shadow-hover) !important;
}

body.woocommerce ul.products li.product img {
    margin: 0 0 15px 0 !important;
    border-bottom: var(--border-width) solid var(--color-dark) !important;
    border-radius: 0 !important;
    width: 100% !important;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Yekan Bakh', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    color: var(--color-dark) !important;
    padding: 0 15px !important;
}

body.woocommerce ul.products li.product .price {
    color: var(--color-dark) !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* برچسب حراج ووکامرس */
body.woocommerce span.onsale {
    background-color: var(--color-pink) !important;
    color: white !important;
    border: 3px solid var(--color-dark) !important;
    border-radius: 20px !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0px var(--color-dark) !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    line-height: 1 !important;
    padding: 5px 15px !important;
    min-height: auto !important;
    min-width: auto !important;
    transform: rotate(-10deg) !important;
    z-index: 10 !important;
}

/* ==========================================================================
   ۳. فیلدهای فرم، حساب کاربری و تسویه‌حساب ووکامرس
   ========================================================================== */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select,
body.woocommerce form .form-row input.input-text, body.woocommerce form .form-row textarea, body.woocommerce form .form-row select {
    border: 3px solid var(--color-dark) !important;
    border-radius: 0 !important; /* مربع کامل */
    padding: 12px !important;
    font-family: 'Yekan Bakh', sans-serif !important;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1) !important;
    transition: all 0.2s !important;
    background: white !important;
    width: 100%;
    box-sizing: border-box;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    outline: none !important;
    box-shadow: 4px 4px 0px var(--color-pink) !important;
    border-color: var(--color-dark) !important;
    transform: translate(-2px, -2px) !important;
}

/* فرم ورود و ثبت نام */
body.woocommerce form.login, body.woocommerce form.register {
    border: 4px solid var(--color-dark) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    background-color: var(--color-yellow) !important;
    box-shadow: 8px 8px 0px var(--color-dark) !important;
}

/* منوی سمت راست حساب کاربری (تب‌ها) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 20px !important;
    border: 3px solid var(--color-dark) !important;
    background: white !important;
    font-weight: bold !important;
    box-shadow: 4px 4px 0px var(--color-dark) !important;
    transition: all 0.2s !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--color-blue) !important;
    transform: translate(2px,2px) !important;
    box-shadow: 2px 2px 0px var(--color-dark) !important;
}

/* جداول (مثل سبد خرید و سفارشات) */
body.woocommerce table.shop_table {
    border: 4px solid var(--color-dark) !important;
    border-radius: 0 !important;
    border-collapse: collapse !important;
    box-shadow: 6px 6px 0px var(--color-dark) !important;
    background: white !important;
}
body.woocommerce table.shop_table th, body.woocommerce table.shop_table td {
    border: 2px solid var(--color-dark) !important;
    padding: 15px !important;
}
body.woocommerce table.shop_table th {
    background: var(--color-purple) !important;
    color: white !important;
    font-weight: 900 !important;
}

/* پیام‌های موفقیت و خطای ووکامرس */
body.woocommerce-message, body.woocommerce-error, body.woocommerce-info {
    border: 4px solid var(--color-dark) !important;
    background: white !important;
    box-shadow: 6px 6px 0px var(--color-dark) !important;
    border-radius: 0 !important;
    color: var(--color-dark) !important;
    font-weight: bold !important;
    padding: 15px 20px !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
}
body.woocommerce-message { border-left-color: var(--color-green) !important; border-left-width: 10px !important; }
body.woocommerce-error { border-left-color: var(--color-pink) !important; border-left-width: 10px !important; }

/* ==========================================================================
   ۴. استایل‌های پایه هدر و اسلایدر که قبلا داشتیم
   ========================================================================== */
.site-header { border-bottom: var(--border-width) solid var(--color-dark); background-color: white; padding: 15px 0; position: sticky; top: 0; z-index: 100; }
.header-inner { display: flex; justify-content: space-between; align-items: center; }
.logo-img { height: 60px; object-fit: contain; }

.slider-section { margin: 50px auto; position: relative; direction: rtl; }
.slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.slider-title { font-size: 2.2rem; font-weight: 900; margin: 0; display: flex; align-items: center; gap: 15px; }
.slider-title::before { content: ''; display: block; width: 25px; height: 25px; background-color: var(--color-pink); border: 3px solid var(--color-dark); border-radius: 50%; }
.slider-controls { display: flex; gap: 10px; }
.control-btn { width: 45px; height: 45px; background-color: var(--color-yellow); border: 3px solid var(--color-dark); box-shadow: 3px 3px 0px var(--color-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; }
.control-btn:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0px var(--color-dark); background-color: var(--color-green); }
.control-btn svg { width: 20px; height: 20px; stroke: var(--color-dark); stroke-width: 3; fill: none; }
.slider-container { display: flex; gap: 30px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 10px 10px 20px 10px; -ms-overflow-style: none; scrollbar-width: none; }
.slider-container::-webkit-scrollbar { display: none; }
.slide-item { flex: 0 0 calc(25% - 22.5px); scroll-snap-align: start; }
.product-img { height: 200px; background-color: #f0f0f0; border-bottom: var(--border-width) solid var(--color-dark); display: flex; align-items: center; justify-content: center; position: relative; }
.product-tag { position: absolute; top: 10px; right: 10px; background: var(--color-purple); color: white; border: 2px solid var(--color-dark); padding: 3px 12px; font-weight: bold; font-size: 0.8rem; border-radius: 20px; box-shadow: 2px 2px 0px var(--color-dark); }
.product-info { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.product-title { font-size: 1.2rem; font-weight: 900; margin-bottom: 10px; }
.product-price-row { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 15px; border-top: 2px dashed var(--color-dark); }
.price { font-size: 1.3rem; font-weight: 900; }
.currency { font-size: 0.8rem; font-weight: normal; }

@media (max-width: 1024px) { .slide-item { flex: 0 0 calc(33.333% - 20px); } }
@media (max-width: 768px) { .slide-item { flex: 0 0 calc(50% - 15px); } .slider-title { font-size: 1.8rem; } }
@media (max-width: 480px) { .slide-item { flex: 0 0 calc(85%); } }

/* ==========================================================================
   ۵. بازطراحی صفحات ووکامرس: لیست محصولات، حساب کاربری، سبد خرید، تسویه حساب
   الهام گرفته از صفحه اول Arty Note - نئوبروتالیسم رنگی
   ========================================================================== */
body.woocommerce,
body.woocommerce-page {
    --color-yellow: #FFD166;
    --color-pink: #EF476F;
    --color-green: #06D6A0;
    --color-blue: #34BCE8;
    --color-purple: #B18FCF;
    --color-bg: #FDFBF7;
    --color-dark: #111111;
    --border-width: 4px;
    --hard-shadow: 6px 6px 0 var(--color-dark);
    --hard-shadow-hover: 2px 2px 0 var(--color-dark);
}

body.woocommerce main.container,
body.woocommerce-page main.container {
    max-width: 1200px;
    padding-top: 44px !important;
    padding-bottom: 70px !important;
}

/* عنوان‌ها و نوارهای بالای صفحات فروشگاه */
body.woocommerce .woocommerce-products-header,
body.woocommerce-page .woocommerce-products-header,
body.woocommerce-account .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
    position: relative;
}

body.woocommerce h1.page-title,
body.woocommerce-page h1.page-title,
body.woocommerce-account .entry-title,
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title {
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin: 0 0 28px !important;
    color: var(--color-dark) !important;
    text-align: center;
}

body.woocommerce .woocommerce-result-count,
body.woocommerce .woocommerce-ordering {
    margin-bottom: 26px !important;
}

body.woocommerce .woocommerce-result-count {
    background: var(--color-yellow);
    border: 3px solid var(--color-dark);
    box-shadow: 4px 4px 0 var(--color-dark);
    padding: 9px 14px;
    font-weight: 900;
}

body.woocommerce .woocommerce-ordering select {
    min-width: 230px;
    background-color: #fff !important;
    border-radius: 12px !important;
}

/* رفع فاصله‌های عجیب لیست محصولات: حذف float و clear ووکامرس و تبدیل به Grid */
body.woocommerce ul.products,
body.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
    align-items: stretch !important;
    margin: 28px 0 40px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after {
    display: none !important;
    content: none !important;
}

body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
body.woocommerce ul.products[class*="columns-"] li.product,
body.woocommerce-page ul.products[class*="columns-"] li.product {
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: #fff !important;
    border: var(--border-width) solid var(--color-dark) !important;
    border-radius: 16px !important;
    box-shadow: var(--hard-shadow) !important;
    overflow: hidden !important;
    padding: 0 0 20px !important;
    position: relative !important;
}

body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

body.woocommerce ul.products li.product img,
body.woocommerce-page ul.products li.product img {
    width: 100% !important;
    aspect-ratio: 1 / 0.86;
    height: auto !important;
    object-fit: cover !important;
    background: #fff !important;
    margin: 0 0 16px !important;
    border-bottom: var(--border-width) solid var(--color-dark) !important;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px !important;
    margin: 0 0 8px !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
}

body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
    min-height: 34px;
    margin: 0 0 12px !important;
    padding: 0 16px !important;
    line-height: 1.6 !important;
}

body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button {
    align-self: center !important;
    margin-top: auto !important;
}

/* فروش ویژه */
body.woocommerce span.onsale,
body.woocommerce-page span.onsale {
    background-color: var(--color-pink) !important;
    color: #fff !important;
    border: 3px solid var(--color-dark) !important;
    border-radius: 22px !important;
    box-shadow: 3px 3px 0 var(--color-dark) !important;
    padding: 6px 16px !important;
    font-weight: 900 !important;
    min-width: auto !important;
    min-height: auto !important;
    line-height: 1 !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    transform: rotate(-10deg) !important;
    z-index: 5 !important;
}

/* کارت‌های عمومی ووکامرس */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce form.login,
body.woocommerce form.register,
body.woocommerce form.checkout_coupon,
body.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info,
body.woocommerce .woocommerce-form-login-toggle .woocommerce-info {
    background: #fff !important;
    border: var(--border-width) solid var(--color-dark) !important;
    border-radius: 18px !important;
    box-shadow: var(--hard-shadow) !important;
}

/* حساب کاربری مدرن‌تر */
body.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
    display: none !important;
    content: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: auto !important;
    float: none !important;
    padding: 22px !important;
    background:
        radial-gradient(var(--color-dark) 1.5px, transparent 1.5px) 0 0/22px 22px,
        var(--color-yellow) !important;
    position: sticky;
    top: 110px;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    width: auto !important;
    float: none !important;
    padding: 28px !important;
    min-height: 360px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    border: 3px solid var(--color-dark) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--color-dark) !important;
    font-weight: 900 !important;
    padding: 13px 16px !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--color-blue) !important;
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0 var(--color-dark) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content p:first-child {
    background: var(--color-green);
    border: 3px solid var(--color-dark);
    border-radius: 14px;
    box-shadow: 4px 4px 0 var(--color-dark);
    padding: 16px;
    font-weight: 800;
}

body.woocommerce-account mark,
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
    background: var(--color-yellow);
    padding: 0 6px;
    border-radius: 6px;
    font-weight: 900;
}

/* سبد خرید */
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table,
body.woocommerce-account table.shop_table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    border-radius: 18px !important;
    box-shadow: var(--hard-shadow) !important;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-checkout table.shop_table th,
body.woocommerce-account table.shop_table th {
    background: var(--color-purple) !important;
    color: #fff !important;
    text-shadow: 2px 2px 0 var(--color-dark);
    font-size: 1rem;
}

body.woocommerce-cart table.cart img {
    width: 84px !important;
    border: 3px solid var(--color-dark);
    border-radius: 12px;
    box-shadow: 3px 3px 0 var(--color-dark);
}

body.woocommerce-cart table.cart td.product-name a {
    font-weight: 900;
    font-size: 1.05rem;
}

body.woocommerce-cart .quantity .qty,
body.woocommerce-page .quantity .qty {
    width: 82px !important;
    text-align: center;
    font-weight: 900;
    border-radius: 12px !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
    padding: 24px !important;
    background:
        radial-gradient(var(--color-dark) 1.5px, transparent 1.5px) 0 0/24px 24px,
        #fff !important;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-checkout h3,
body.woocommerce-account h2,
body.woocommerce-account h3 {
    display: inline-block;
    background: var(--color-yellow);
    border: 3px solid var(--color-dark);
    border-radius: 14px;
    box-shadow: 4px 4px 0 var(--color-dark);
    padding: 8px 16px;
    font-weight: 900 !important;
    margin: 0 0 22px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    background: var(--color-pink) !important;
    color: #fff !important;
    font-size: 1.15rem !important;
    border-radius: 14px !important;
}

body.woocommerce-cart .coupon {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

body.woocommerce-cart .coupon input.input-text {
    min-width: 240px;
    border-radius: 12px !important;
}

body.woocommerce-cart a.remove {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    border: 3px solid var(--color-dark) !important;
    background: var(--color-pink) !important;
    color: #fff !important;
    box-shadow: 3px 3px 0 var(--color-dark) !important;
}

/* تسویه حساب */
body.woocommerce-checkout form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
    gap: 34px;
    align-items: start;
}

body.woocommerce-checkout form.checkout::before,
body.woocommerce-checkout form.checkout::after,
body.woocommerce-checkout #customer_details::before,
body.woocommerce-checkout #customer_details::after {
    display: none !important;
    content: none !important;
}

body.woocommerce-checkout #customer_details {
    display: grid;
    gap: 26px;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    width: auto !important;
    float: none !important;
    padding: 26px !important;
}

body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
    grid-column: 2;
}

body.woocommerce-checkout #order_review_heading {
    align-self: end;
}

body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 24px !important;
    position: sticky;
    top: 110px;
}

body.woocommerce-checkout #payment {
    background: var(--color-bg) !important;
    border: 3px solid var(--color-dark) !important;
    border-radius: 16px !important;
    padding: 16px !important;
}

body.woocommerce-checkout #payment div.payment_box {
    background: #fff !important;
    border: 3px solid var(--color-dark) !important;
    border-radius: 14px !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
}

body.woocommerce-checkout #place_order {
    width: 100%;
    background: var(--color-green) !important;
    color: var(--color-dark) !important;
    border-radius: 14px !important;
    font-size: 1.15rem !important;
}

body.woocommerce-checkout .form-row label,
body.woocommerce-account .form-row label,
body.woocommerce-cart .form-row label {
    font-weight: 900;
    margin-bottom: 8px;
}

body.woocommerce-checkout .woocommerce-additional-fields textarea {
    min-height: 120px;
}

/* ورودی‌ها با ظاهر نرم‌تر و هماهنگ */
body.woocommerce input[type="text"],
body.woocommerce input[type="email"],
body.woocommerce input[type="tel"],
body.woocommerce input[type="password"],
body.woocommerce textarea,
body.woocommerce select,
body.woocommerce-page input[type="text"],
body.woocommerce-page input[type="email"],
body.woocommerce-page input[type="tel"],
body.woocommerce-page input[type="password"],
body.woocommerce-page textarea,
body.woocommerce-page select,
body.woocommerce .select2-container--default .select2-selection--single {
    border: 3px solid var(--color-dark) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 4px 4px 0 rgba(17,17,17,.14) !important;
    min-height: 48px;
}

body.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    padding-right: 14px !important;
}

/* پیام‌ها */
body.woocommerce-message,
body.woocommerce-error,
body.woocommerce-info,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-error,
body.woocommerce-page .woocommerce-info {
    border: var(--border-width) solid var(--color-dark) !important;
    border-radius: 16px !important;
    box-shadow: var(--hard-shadow) !important;
    background: #fff !important;
    color: var(--color-dark) !important;
    font-weight: 900 !important;
    margin-bottom: 30px !important;
}

body.woocommerce-info { border-right: 10px solid var(--color-blue) !important; }
body.woocommerce-message { border-right: 10px solid var(--color-green) !important; }
body.woocommerce-error { border-right: 10px solid var(--color-pink) !important; }

/* موبایل و تبلت */
@media (max-width: 1024px) {
    body.woocommerce ul.products,
    body.woocommerce-page ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    body.woocommerce-account .woocommerce,
    body.woocommerce-checkout form.checkout {
        display: block;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout .woocommerce-checkout-review-order {
        position: static;
        margin-bottom: 28px;
    }

    body.woocommerce-checkout #customer_details .col-1,
    body.woocommerce-checkout #customer_details .col-2 {
        margin-bottom: 24px;
    }
}

@media (max-width: 640px) {
    body.woocommerce main.container,
    body.woocommerce-page main.container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.woocommerce ul.products,
    body.woocommerce-page ul.products {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    body.woocommerce ul.products li.product .woocommerce-loop-product__title,
    body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        min-height: auto;
    }

    body.woocommerce-cart table.shop_table_responsive tr,
    body.woocommerce-page table.shop_table_responsive tr {
        border: 3px solid var(--color-dark) !important;
        border-radius: 16px;
        box-shadow: 4px 4px 0 var(--color-dark);
        margin-bottom: 18px;
        overflow: hidden;
        background: #fff;
    }

    body.woocommerce-cart .coupon input.input-text,
    body.woocommerce-cart .coupon .button,
    body.woocommerce-cart table.cart td.actions .button {
        width: 100% !important;
    }
}

/* =========================================================
   Artynote v3: صفحات خطا، در دست ساخت، سبد، تسویه، صفحه محصول و صفحه‌بندی
   ========================================================= */
body { --artynote-header-offset: 125px; }

/* صفحه 404 */
.artynote-error-page,
.artynote-under-construction {
    min-height: 72vh;
    padding: 70px 20px;
    background:
        radial-gradient(var(--color-dark) 1.5px, transparent 1.5px) 0 0/24px 24px,
        var(--color-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.artynote-error-card,
.artynote-under-card {
    width: min(820px, 100%);
    background: #fff;
    border: var(--border-width) solid var(--color-dark);
    border-radius: 24px;
    box-shadow: var(--hard-shadow);
    padding: clamp(26px, 5vw, 54px);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.artynote-error-card::before,
.artynote-under-card::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 3px dashed rgba(17,17,17,.18);
    border-radius: 18px;
    pointer-events: none;
}
.artynote-error-badge,
.artynote-under-badge {
    display: inline-block;
    background: var(--color-pink);
    color: #fff;
    border: 3px solid var(--color-dark);
    border-radius: 20px;
    box-shadow: 4px 4px 0 var(--color-dark);
    padding: 8px 18px;
    font-weight: 900;
    transform: rotate(-3deg);
    margin-bottom: 20px;
}
.artynote-error-card h1,
.artynote-under-card h1 {
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1.35;
    font-weight: 900;
    margin: 0 0 18px;
}
.artynote-error-card p,
.artynote-under-card p,
.artynote-under-content {
    font-size: 1.15rem;
    font-weight: 800;
    color: #444;
    margin-bottom: 26px;
}
.artynote-error-search {
    display: flex;
    gap: 12px;
    max-width: 580px;
    margin: 0 auto 24px;
}
.artynote-error-search input {
    flex: 1;
    border: 4px solid var(--color-dark);
    border-radius: 16px;
    padding: 14px 16px;
    font-weight: 900;
    font-family: inherit;
}
.artynote-error-search button,
.artynote-error-actions .button {
    border: 4px solid var(--color-dark) !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
    background: var(--color-blue) !important;
    color: var(--color-dark) !important;
    font-weight: 900 !important;
    padding: 13px 22px !important;
    font-family: inherit !important;
}
.artynote-error-actions .button.alt { background: var(--color-yellow) !important; }
.artynote-error-search button:hover,
.artynote-error-actions .button:hover {
    transform: translate(3px,3px);
    box-shadow: 1px 1px 0 var(--color-dark) !important;
}
.artynote-under-shapes span {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 8px;
    border: 3px solid var(--color-dark);
    border-radius: 50%;
    background: var(--color-yellow);
    box-shadow: 3px 3px 0 var(--color-dark);
}
.artynote-under-shapes span:nth-child(2) { background: var(--color-blue); border-radius: 8px; transform: rotate(12deg); }
.artynote-under-shapes span:nth-child(3) { background: var(--color-green); }

/* فاصله بهتر صفحات ووکامرس از هدر */
body.woocommerce main.container,
body.woocommerce-page main.container {
    padding-top: 75px !important;
}

/* سبد خرید: خوانایی جدول جمع کل و فاصله */
body.woocommerce-cart .cart-collaterals {
    margin-top: 42px !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
    margin-top: 18px !important;
    padding: 28px !important;
    background:
        radial-gradient(var(--color-dark) 1.2px, transparent 1.2px) 0 0/22px 22px,
        #fff !important;
}
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals table.shop_table,
body.woocommerce-cart .cart_totals tbody,
body.woocommerce-cart .cart_totals tr,
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
    background: #fff !important;
}
body.woocommerce-cart .cart_totals table.shop_table {
    border: 3px solid var(--color-dark) !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
    margin-top: 16px !important;
}
body.woocommerce-cart .cart_totals th {
    background: var(--color-purple) !important;
    color: #fff !important;
    text-shadow: 2px 2px 0 var(--color-dark);
    width: 34%;
}
body.woocommerce-cart .cart_totals td {
    color: var(--color-dark) !important;
    font-weight: 900 !important;
}

/* تسویه حساب: سفارش شما در دسکتاپ کنار فرم و استیکی */
body.woocommerce-checkout form.checkout {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
    grid-template-areas:
        "customer order-title"
        "customer order" !important;
    gap: 34px !important;
}
body.woocommerce-checkout #customer_details { grid-area: customer !important; }
body.woocommerce-checkout #order_review_heading { grid-area: order-title !important; margin-bottom: -10px !important; }
body.woocommerce-checkout #order_review { grid-area: order !important; }
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    position: sticky !important;
    top: var(--artynote-header-offset) !important;
    align-self: start !important;
    background: #fff !important;
    z-index: 2;
}
body.woocommerce-checkout #order_review table.shop_table,
body.woocommerce-checkout #order_review table.shop_table tbody,
body.woocommerce-checkout #order_review table.shop_table tr,
body.woocommerce-checkout #order_review table.shop_table td {
    background: #fff !important;
}
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table tfoot th {
    background: var(--color-purple) !important;
    color: #fff !important;
}

/* صفحه‌بندی با حال‌وهوای Artynote */
.woocommerce nav.woocommerce-pagination,
.pagination,
.nav-links {
    margin: 42px auto 18px !important;
    text-align: center !important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li,
.page-numbers {
    border: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul,
.nav-links {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.woocommerce nav.woocommerce-pagination ul li {
    float: none !important;
    overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.nav-links .page-numbers,
.page-numbers.current {
    min-width: 46px;
    height: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 14px !important;
    background: #fff !important;
    color: var(--color-dark) !important;
    border: 3px solid var(--color-dark) !important;
    border-radius: 14px !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.nav-links .page-numbers.current,
.page-numbers.current {
    background: var(--color-yellow) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.nav-links .page-numbers:hover {
    background: var(--color-blue) !important;
    transform: translate(3px,3px);
    box-shadow: 1px 1px 0 var(--color-dark) !important;
}

/* صفحه تکی محصول */
body.single-product div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: 38px;
    align-items: start;
    background:
        radial-gradient(var(--color-dark) 1.2px, transparent 1.2px) 0 0/24px 24px,
        var(--color-bg);
    border: var(--border-width) solid var(--color-dark);
    border-radius: 24px;
    box-shadow: var(--hard-shadow);
    padding: clamp(20px, 4vw, 38px);
    margin-bottom: 50px;
}
body.single-product div.product::before,
body.single-product div.product::after { display: none !important; content: none !important; }
body.single-product div.product div.images,
body.single-product div.product div.summary {
    width: auto !important;
    float: none !important;
}
body.single-product div.product div.images {
    background: #fff;
    border: var(--border-width) solid var(--color-dark);
    border-radius: 20px;
    box-shadow: var(--hard-shadow);
    padding: 16px;
}
body.single-product div.product div.images img {
    border-radius: 16px;
}
body.single-product div.product div.summary {
    background: #fff;
    border: var(--border-width) solid var(--color-dark);
    border-radius: 20px;
    box-shadow: var(--hard-shadow);
    padding: 28px !important;
    position: sticky;
    top: var(--artynote-header-offset);
}
body.single-product .product_title {
    display: inline;
    font-size: clamp(1.8rem, 4vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    background: linear-gradient(transparent 58%, var(--color-yellow) 58%);
}
body.single-product div.product p.price,
body.single-product div.product span.price {
    color: var(--color-dark) !important;
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    background: var(--color-green);
    border: 3px solid var(--color-dark);
    border-radius: 16px;
    box-shadow: 4px 4px 0 var(--color-dark);
    padding: 12px 18px;
    display: inline-block;
    margin: 22px 0 !important;
}
body.single-product div.product form.cart {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    margin: 24px 0 !important;
}
body.single-product div.product form.cart .button {
    flex: 1 1 220px;
    background: var(--color-blue) !important;
    color: var(--color-dark) !important;
    border: 4px solid var(--color-dark) !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    padding: 14px 24px !important;
}
body.single-product div.product form.cart .button:hover {
    background: var(--color-yellow) !important;
    transform: translate(3px,3px);
    box-shadow: 1px 1px 0 var(--color-dark) !important;
}
body.single-product .product_meta {
    border-top: 3px dashed rgba(17,17,17,.25);
    padding-top: 18px;
    font-weight: 800;
}
body.single-product .woocommerce-tabs {
    grid-column: 1 / -1;
    background: #fff;
    border: var(--border-width) solid var(--color-dark);
    border-radius: 20px;
    box-shadow: var(--hard-shadow);
    padding: 24px;
}
body.single-product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 0 22px !important;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
body.single-product .woocommerce-tabs ul.tabs::before { display: none !important; }
body.single-product .woocommerce-tabs ul.tabs li {
    border: 3px solid var(--color-dark) !important;
    border-radius: 14px !important;
    box-shadow: 3px 3px 0 var(--color-dark) !important;
    background: var(--color-yellow) !important;
    margin: 0 !important;
    padding: 0 14px !important;
    font-weight: 900;
}
body.single-product .woocommerce-tabs ul.tabs li.active { background: var(--color-blue) !important; }
body.single-product section.related.products,
body.single-product section.upsells.products {
    grid-column: 1 / -1;
}

@media (max-width: 1024px) {
    body.woocommerce-checkout form.checkout {
        display: block !important;
    }
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout .woocommerce-checkout-review-order,
    body.single-product div.product div.summary {
        position: static !important;
    }
    body.single-product div.product {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .artynote-error-search { flex-direction: column; }
    .artynote-error-card,
    .artynote-under-card { border-radius: 18px; }
}

/* =========================================================
   Artynote v4 fixes: checkout alignment, cart overflow, footer, product page, mobile menu
   ========================================================= */
html, body { overflow-x: hidden; }

/* جدول‌ها از صفحه بیرون نزنند */
body.woocommerce-cart .woocommerce,
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-checkout #order_review {
    overflow-x: auto !important;
}
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .cart-collaterals {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-top: 54px !important;
    padding-inline: 4px !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
    float: none !important;
    width: min(720px, 100%) !important;
    max-width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: auto !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .cart_totals table.shop_table {
    background: #fff !important;
    overflow: hidden !important;
}
body.woocommerce-cart .cart_totals table.shop_table tbody,
body.woocommerce-cart .cart_totals table.shop_table tfoot,
body.woocommerce-cart .cart_totals table.shop_table tr,
body.woocommerce-cart .cart_totals table.shop_table td {
    background: #fff !important;
}
body.woocommerce-cart table.cart td.actions {
    background: #fff !important;
    padding: 18px !important;
}

/* تسویه حساب: سفارش شما هم‌تراز با اطلاعات شما در دسکتاپ */
@media (min-width: 1025px) {
    body.woocommerce-checkout form.checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr) !important;
        grid-template-areas:
            "customer review" !important;
        gap: 36px !important;
        align-items: start !important;
        direction: ltr !important;
    }
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout #order_review_heading {
        direction: rtl !important;
    }
    body.woocommerce-checkout #customer_details {
        grid-area: customer !important;
        align-self: start !important;
        margin: 0 !important;
    }
    body.woocommerce-checkout #order_review_heading {
        grid-area: review !important;
        align-self: start !important;
        margin: 0 0 18px !important;
        clear: none !important;
        position: sticky !important;
        top: var(--artynote-header-offset) !important;
        z-index: 4 !important;
        width: max-content !important;
    }
    body.woocommerce-checkout #order_review {
        grid-area: review !important;
        align-self: start !important;
        margin-top: 72px !important;
        clear: none !important;
        position: sticky !important;
        top: calc(var(--artynote-header-offset) + 62px) !important;
        z-index: 3 !important;
        max-height: calc(100vh - var(--artynote-header-offset) - 86px) !important;
        overflow-y: auto !important;
    }
}

/* فوتر جدید */
.artynote-footer {
    background: #111;
    color: #fff;
    border-top: 8px solid var(--color-blue);
    padding: 56px 0 24px;
    margin-top: 70px;
}
.artynote-footer-grid {
    display: grid;
    grid-template-columns: 1.25fr .8fr 1fr;
    gap: 56px;
    align-items: start;
}
.artynote-footer h2,
.artynote-footer h3 {
    font-weight: 900;
    margin-top: 0;
}
.artynote-footer h2 { color: var(--color-yellow); font-size: 2rem; }
.artynote-footer h3 { font-size: 1.25rem; }
.artynote-footer-links h3 { color: var(--color-green); }
.artynote-footer-contact h3 { color: var(--color-pink); }
.artynote-footer p,
.artynote-footer a {
    color: #fff;
    font-weight: 800;
    line-height: 1.9;
}
.artynote-footer-brand p { max-width: 430px; }
.artynote-footer-links a {
    display: block;
    margin: 9px 0;
    transition: transform .2s ease, color .2s ease;
}
.artynote-footer-links a:hover { color: var(--color-yellow); transform: translateX(-5px); }
.artynote-enamad-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    min-height: 82px;
    margin-top: 18px;
    color: var(--color-dark) !important;
    background: #fff;
    border: 4px solid var(--color-dark);
    box-shadow: 5px 5px 0 var(--color-blue);
    border-radius: 14px;
}
.artynote-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.18);
    margin-top: 42px;
    padding-top: 18px;
    text-align: center;
}
.artynote-footer-bottom p { color: #999; margin: 0; }

/* صفحه محصول: جدا کردن بخش بالایی از تب‌ها و محصولات مشابه */
body.single-product div.product {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
body.single-product .artynote-single-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: 38px;
    align-items: start;
    background: radial-gradient(var(--color-dark) 1.2px, transparent 1.2px) 0 0/24px 24px, var(--color-bg);
    border: var(--border-width) solid var(--color-dark);
    border-radius: 24px;
    box-shadow: var(--hard-shadow);
    padding: clamp(20px, 4vw, 38px);
    margin-bottom: 42px;
}
body.single-product .artynote-single-hero div.images,
body.single-product .artynote-single-hero div.summary {
    width: auto !important;
    float: none !important;
}
body.single-product .artynote-single-hero div.summary {
    position: sticky !important;
    top: var(--artynote-header-offset) !important;
    align-self: start !important;
}
body.single-product .woocommerce-tabs {
    margin-bottom: 42px !important;
}
body.single-product section.related.products,
body.single-product section.upsells.products {
    background: #fff !important;
    border: var(--border-width) solid var(--color-dark) !important;
    border-radius: 22px !important;
    box-shadow: var(--hard-shadow) !important;
    padding: 26px !important;
    margin: 44px 0 !important;
    overflow: hidden;
}
body.single-product section.related.products > h2,
body.single-product section.upsells.products > h2 {
    display: inline-block;
    background: var(--color-yellow);
    border: 3px solid var(--color-dark);
    border-radius: 15px;
    box-shadow: 4px 4px 0 var(--color-dark);
    padding: 8px 18px;
    margin: 0 0 24px !important;
    font-weight: 900 !important;
}
body.single-product section.related.products ul.products,
body.single-product section.upsells.products ul.products {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    padding: 10px 8px 24px !important;
    margin: 0 !important;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body.single-product section.related.products ul.products::-webkit-scrollbar,
body.single-product section.upsells.products ul.products::-webkit-scrollbar { display: none; }
body.single-product section.related.products ul.products li.product,
body.single-product section.upsells.products ul.products li.product {
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
    scroll-snap-align: start;
    border-radius: 14px !important;
    box-shadow: 4px 4px 0 var(--color-dark) !important;
    padding-bottom: 14px !important;
}
body.single-product section.related.products ul.products li.product img,
body.single-product section.upsells.products ul.products li.product img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin-bottom: 10px !important;
}
body.single-product section.related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product section.upsells.products ul.products li.product .woocommerce-loop-product__title {
    font-size: .92rem !important;
    min-height: 44px !important;
    padding: 0 10px !important;
}
body.single-product section.related.products ul.products li.product .price,
body.single-product section.upsells.products ul.products li.product .price {
    font-size: .95rem !important;
    min-height: auto !important;
}
body.single-product section.related.products ul.products li.product .button,
body.single-product section.upsells.products ul.products li.product .button {
    font-size: .82rem !important;
    padding: 8px 12px !important;
}

/* موبایل منو: انیمیشن و تبدیل همبرگر به ضربدر */
.artynote-main-header .mobile-menu-btn svg line {
    transform-origin: center;
    transition: transform .25s ease, opacity .2s ease;
}
.artynote-main-header .mobile-menu-btn.active {
    background: var(--color-pink) !important;
    color: #fff !important;
}
.artynote-main-header .mobile-menu-btn.active svg line:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.artynote-main-header .mobile-menu-btn.active svg line:nth-child(2) { opacity: 0; }
.artynote-main-header .mobile-menu-btn.active svg line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.artynote-mobile-dropdown {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transform: translateY(-10px) !important;
    pointer-events: none !important;
    transition: max-height .35s ease, opacity .25s ease, transform .25s ease !important;
}
.artynote-mobile-dropdown.active {
    max-height: 78vh !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    overflow-y: auto !important;
}

@media (max-width: 1024px) {
    body.single-product .artynote-single-hero { grid-template-columns: 1fr; }
    body.single-product .artynote-single-hero div.summary { position: static !important; }
    .artynote-footer-grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
    .artynote-footer-brand p { margin-inline: auto; }
}
@media (max-width: 640px) {
    body.woocommerce-cart .cart-collaterals { padding-inline: 0 !important; }
    body.woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important; padding: 18px !important; }
    body.woocommerce-cart table.shop_table_responsive tr td::before,
    body.woocommerce-page table.shop_table_responsive tr td::before { font-weight: 900 !important; }
    body.single-product section.related.products ul.products li.product,
    body.single-product section.upsells.products ul.products li.product {
        flex-basis: 190px !important;
        width: 190px !important;
        min-width: 190px !important;
    }
}

/* =========================================================
   V5 fixes: sticky header/admin bar, product cards, sliders, cart/checkout
   ========================================================= */
html #wpadminbar { z-index: 2147483647 !important; }
body.admin-bar .artynote-main-header { top: 32px !important; }
.artynote-main-header { opacity: 1 !important; visibility: visible !important; transform: none !important; filter: none !important; z-index: 999999 !important; }
@media (max-width: 782px) { body.admin-bar .artynote-main-header { top: 46px !important; } }

/* کارت محصول جدید در کل سایت */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
.artynote-wrapper .woocommerce ul.products li.product {
    border-radius: 0 !important;
    background: #fff !important;
    border: 4px solid var(--color-dark) !important;
    box-shadow: 7px 7px 0 var(--color-dark) !important;
    padding: 0 0 18px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
body.woocommerce ul.products li.product:hover,
body.woocommerce-page ul.products li.product:hover,
.artynote-wrapper .woocommerce ul.products li.product:hover {
    transform: translate(4px, 4px) !important;
    box-shadow: 3px 3px 0 var(--color-dark) !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.artynote-wrapper .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    color: var(--color-dark) !important;
    text-decoration: none !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img,
.artynote-wrapper .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    pointer-events: none !important;
    cursor: default !important;
    background: #f7f7f7 !important;
    aspect-ratio: 1 / .82 !important;
    object-fit: contain !important;
    margin: 0 !important;
    border-bottom: 4px solid var(--color-dark) !important;
    padding: 0 !important;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.artynote-wrapper .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.28rem !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
    padding: 20px 22px 6px !important;
    margin: 0 !important;
    min-height: unset !important;
    justify-content: flex-start !important;
    text-align: right !important;
}
.artynote-loop-excerpt {
    display: block;
    padding: 0 22px 14px;
    color: var(--color-dark);
    font-size: .98rem;
    font-weight: 500;
    line-height: 1.75;
    min-height: 70px;
}
.artynote-card-divider {
    display: block;
    border-top: 2px dashed var(--color-dark);
    margin: 2px 22px 14px;
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price,
.artynote-wrapper .woocommerce ul.products li.product .price {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 0 !important;
    margin: 0 !important;
    min-height: unset !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    color: var(--color-dark) !important;
}
body.woocommerce ul.products li.product .price del,
body.woocommerce-page ul.products li.product .price del,
.artynote-wrapper .woocommerce ul.products li.product .price del { color: #999 !important; font-size: .9rem !important; order: 2; }
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
.artynote-wrapper .woocommerce ul.products li.product .button {
    margin: 0 !important;
    align-self: auto !important;
    padding: 9px 18px !important;
    min-height: 42px !important;
    font-size: .95rem !important;
    border-radius: 0 !important;
}
.artynote-loop-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 22px;
    margin-top: auto;
}
body.woocommerce span.onsale,
body.woocommerce-page span.onsale {
    background: var(--color-yellow) !important;
    color: var(--color-dark) !important;
    transform: rotate(-10deg) !important;
    top: 12px !important;
    right: auto !important;
    left: 12px !important;
    min-height: unset !important;
    min-width: unset !important;
    line-height: 1 !important;
    padding: 8px 15px !important;
    border-radius: 999px !important;
}

/* مجموع سبد خرید بدون بیرون‌زدگی */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart-collaterals .cart_totals {
    max-width: min(100%, 760px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-inline: auto !important;
    overflow: hidden !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals table,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    background: #fff !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals { margin-top: 54px !important; }

/* تسویه حساب: سفارش شما در دسکتاپ هم‌تراز و استیکی */
@media (min-width: 1025px) {
    body.woocommerce-checkout form.checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 520px) !important;
        gap: 38px !important;
        align-items: start !important;
    }
    body.woocommerce-checkout #customer_details { grid-column: 1 !important; }
    body.woocommerce-checkout #order_review_heading,
    body.woocommerce-checkout #order_review { grid-column: 2 !important; }
    body.woocommerce-checkout #order_review_heading { margin-top: 0 !important; }
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout .woocommerce-checkout-review-order {
        position: sticky !important;
        top: calc(var(--artynote-header-offset, 120px) + 20px) !important;
        align-self: start !important;
        margin-top: 0 !important;
    }
}

/* اسلایدرهای محصولات مشابه/هر اسلایدر محصول */
.artynote-slider-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
}
.artynote-slider-title-row > h2 { margin: 0 !important; }
.artynote-slider-arrows { display: flex; gap: 10px; flex-shrink: 0; }
.artynote-slider-arrow {
    width: 48px; height: 48px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 4px solid var(--color-dark); background: var(--color-blue);
    box-shadow: 5px 5px 0 var(--color-dark); color: var(--color-dark);
    font-weight: 900; font-size: 1.4rem; cursor: pointer; border-radius: 0;
    transition: all .18s ease;
}
.artynote-slider-arrow:hover { transform: translate(3px, 3px); box-shadow: 2px 2px 0 var(--color-dark); background: var(--color-yellow); }
body.single-product section.related.products ul.products,
body.single-product section.upsells.products ul.products { user-select: none; -webkit-user-select: none; }
body.single-product section.related.products ul.products li.product,
body.single-product section.upsells.products ul.products li.product {
    flex: 0 0 230px !important;
    width: 230px !important;
    min-width: 230px !important;
}

/* فوتر: لوگو به جای عنوان متنی */
.artynote-footer-logo { max-width: 190px; max-height: 95px; width: auto; height: auto; object-fit: contain; background: transparent; margin-bottom: 18px; }

/* موبایل منو: حرکت نرم و وضعیت قطعی */
.artynote-mobile-dropdown { will-change: max-height, opacity, transform; }
.artynote-main-header .mobile-menu-btn.active,
.artynote-main-header .mobile-menu-btn[aria-expanded="true"] { background: var(--color-pink) !important; }

@media (max-width: 640px) {
    .artynote-loop-footer { flex-direction: column-reverse; align-items: stretch; }
    body.woocommerce ul.products li.product .button,
    body.woocommerce-page ul.products li.product .button { width: 100% !important; }
    .artynote-loop-excerpt { min-height: unset; }
    body.single-product section.related.products ul.products li.product,
    body.single-product section.upsells.products ul.products li.product { flex-basis: 205px !important; width: 205px !important; min-width: 205px !important; }
}

/* =========================================================
   Artynote v6 requested fixes
   ========================================================= */
:root { --artynote-fixed-header-height: 94px; }
html { overflow-x: hidden; touch-action: pan-x pan-y; }
body {
    padding-top: var(--artynote-fixed-header-height) !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
}
body.admin-bar { padding-top: calc(var(--artynote-fixed-header-height) + 32px) !important; }
@media (max-width: 782px) { body.admin-bar { padding-top: calc(var(--artynote-fixed-header-height) + 46px) !important; } }
.artynote-main-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 999999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    filter: none !important;
    will-change: auto !important;
}
body.admin-bar .artynote-main-header { top: 32px !important; }
@media (max-width: 782px) { body.admin-bar .artynote-main-header { top: 46px !important; } }
html #wpadminbar { z-index: 2147483647 !important; position: fixed !important; }

/* جلوگیری از زوم خودکار موبایل روی ورودی‌ها */
input, select, textarea, button { font-size: 16px !important; }

/* فاصله همه محتوای ووکامرس از هدر ثابت */
body.woocommerce main.container,
body.woocommerce-page main.container,
body.woocommerce .woocommerce,
body.woocommerce-page .woocommerce {
    scroll-margin-top: calc(var(--artynote-fixed-header-height) + 24px) !important;
}
body.woocommerce .woocommerce-form-coupon-toggle,
body.woocommerce .woocommerce-form-login-toggle,
body.woocommerce .woocommerce-notices-wrapper,
body.woocommerce-page .woocommerce-form-coupon-toggle,
body.woocommerce-page .woocommerce-form-login-toggle,
body.woocommerce-page .woocommerce-notices-wrapper {
    margin-top: 24px !important;
}

/* کارت‌های محصولات: کوچک‌تر، بدون باکس قیمت، دکمه جمع‌وجور */
body.woocommerce ul.products,
body.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 240px)) !important;
    justify-content: center !important;
    gap: 28px !important;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
.artynote-wrapper .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: 240px !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img,
.artynote-wrapper .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    pointer-events: none !important;
    cursor: default !important;
    aspect-ratio: 1 / .78 !important;
    object-fit: contain !important;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.artynote-wrapper .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.08rem !important;
    padding: 16px 18px 5px !important;
}
.artynote-loop-excerpt {
    padding: 0 18px 10px !important;
    font-size: .92rem !important;
    min-height: 58px !important;
}
.artynote-card-divider { margin: 0 18px 12px !important; }
.artynote-loop-footer {
    padding: 0 18px !important;
    gap: 10px !important;
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price,
.artynote-wrapper .woocommerce ul.products li.product .price {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--color-dark) !important;
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
.artynote-wrapper .woocommerce ul.products li.product .button {
    width: auto !important;
    min-width: 74px !important;
    min-height: 36px !important;
    padding: 7px 14px !important;
    font-size: .88rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
body.woocommerce ul.products li.product.outofstock .button,
body.woocommerce-page ul.products li.product.outofstock .button {
    background: var(--color-pink) !important;
    color: #fff !important;
}

/* موبایل: کارت‌های محصول جمع‌وجور و بدون دکمه خیلی بزرگ */
@media (max-width: 640px) {
    body.woocommerce ul.products,
    body.woocommerce-page ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        justify-content: stretch !important;
    }
    body.woocommerce ul.products li.product,
    body.woocommerce-page ul.products li.product,
    .artynote-wrapper .woocommerce ul.products li.product {
        max-width: none !important;
        box-shadow: 4px 4px 0 var(--color-dark) !important;
    }
    body.woocommerce ul.products li.product .woocommerce-loop-product__title,
    body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        font-size: .9rem !important;
        line-height: 1.55 !important;
        padding: 10px 10px 4px !important;
    }
    .artynote-loop-excerpt { display: none !important; }
    .artynote-card-divider { margin: 4px 10px 8px !important; }
    .artynote-loop-footer {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 10px !important;
        gap: 6px !important;
    }
    body.woocommerce ul.products li.product .price,
    body.woocommerce-page ul.products li.product .price {
        font-size: .82rem !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    body.woocommerce ul.products li.product .button,
    body.woocommerce-page ul.products li.product .button {
        width: auto !important;
        min-width: 52px !important;
        padding: 6px 8px !important;
        font-size: .78rem !important;
        box-shadow: 3px 3px 0 var(--color-dark) !important;
        border-width: 3px !important;
    }
    body.woocommerce span.onsale,
    body.woocommerce-page span.onsale {
        font-size: .72rem !important;
        padding: 5px 9px !important;
    }
}

/* سبد خرید: دکمه پرداخت هم‌عرض جدول جمع کل و بدون بیرون‌زدگی */
body.woocommerce-cart .cart-collaterals {
    max-width: 100% !important;
    width: 100% !important;
    justify-content: center !important;
    padding-inline: 16px !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
    width: min(100%, 720px) !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .cart_totals table.shop_table,
body.woocommerce-cart .wc-proceed-to-checkout,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .wc-proceed-to-checkout { padding: 0 !important; margin-top: 16px !important; }
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: flex !important; justify-content: center !important; }

/* تسویه حساب: سفارش شما سمت چپ، هم‌تراز، بدون افتادن badge روی متن */
@media (min-width: 1025px) {
    body.woocommerce-checkout form.checkout {
        direction: ltr !important;
        display: grid !important;
        grid-template-columns: minmax(380px, 520px) minmax(0, 1fr) !important;
        grid-template-areas:
            "review-title customer"
            "review customer" !important;
        gap: 38px !important;
        align-items: start !important;
    }
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout #order_review_heading { direction: rtl !important; }
    body.woocommerce-checkout #customer_details { grid-area: customer !important; margin: 0 !important; }
    body.woocommerce-checkout #order_review_heading {
        grid-area: review-title !important;
        position: static !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
        z-index: 1 !important;
    }
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout .woocommerce-checkout-review-order {
        grid-area: review !important;
        position: sticky !important;
        top: calc(var(--artynote-fixed-header-height) + 28px) !important;
        margin-top: 0 !important;
        align-self: start !important;
        max-height: calc(100vh - var(--artynote-fixed-header-height) - 48px) !important;
        overflow-y: auto !important;
    }
}
body.woocommerce-checkout #order_review_heading {
    padding-inline: 18px !important;
    white-space: normal !important;
}

/* اسلایدر محصولات مشابه: دکمه‌ها با جهت درست RTL و کارت‌های کوچک‌تر */
.artynote-slider-arrows { direction: rtl !important; }
.artynote-slider-arrow { line-height: 1 !important; }
body.single-product section.related.products ul.products,
body.single-product section.upsells.products ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    cursor: grab !important;
    gap: 18px !important;
    justify-content: flex-start !important;
}
body.single-product section.related.products ul.products::-webkit-scrollbar,
body.single-product section.upsells.products ul.products::-webkit-scrollbar { display: none; }
body.single-product section.related.products ul.products li.product,
body.single-product section.upsells.products ul.products li.product {
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
}

/* فوتر: لوگوی جداگانه */
.artynote-footer-logo {
    max-width: 210px !important;
    max-height: 105px !important;
    object-fit: contain !important;
}

/* =========================================================
   Artynote v7 requested fixes: price/button/image/hover/header user
   ========================================================= */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
.artynote-wrapper .woocommerce ul.products li.product {
    max-width: 218px !important;
}
body.woocommerce ul.products,
body.woocommerce-page ul.products {
    grid-template-columns: repeat(auto-fill, minmax(190px, 218px)) !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
.artynote-wrapper .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img,
.artynote-wrapper .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    background: #f7f7f7 !important;
    transition: opacity .28s ease, transform .28s ease !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img.artynote-loop-second-image,
body.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img.artynote-loop-second-image,
.artynote-wrapper .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img.artynote-loop-second-image {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
body.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img.artynote-loop-second-image,
body.woocommerce-page ul.products li.product:hover a.woocommerce-LoopProduct-link img.artynote-loop-second-image,
.artynote-wrapper .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img.artynote-loop-second-image {
    opacity: 1 !important;
}
body.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img:not(.artynote-loop-second-image),
body.woocommerce-page ul.products li.product:hover a.woocommerce-LoopProduct-link img:not(.artynote-loop-second-image),
.artynote-wrapper .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img:not(.artynote-loop-second-image) {
    opacity: .08 !important;
    transform: scale(1.02) !important;
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price,
.artynote-wrapper .woocommerce ul.products li.product .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 1px !important;
    font-size: .98rem !important;
    line-height: 1.35 !important;
    min-width: 0 !important;
    white-space: normal !important;
}
body.woocommerce ul.products li.product .price del,
body.woocommerce-page ul.products li.product .price del,
.artynote-wrapper .woocommerce ul.products li.product .price del {
    order: 1 !important;
    display: block !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
    color: #b9b9b9 !important;
    margin: 0 !important;
}
body.woocommerce ul.products li.product .price ins,
body.woocommerce-page ul.products li.product .price ins,
.artynote-wrapper .woocommerce ul.products li.product .price ins,
body.woocommerce ul.products li.product .price > .woocommerce-Price-amount,
body.woocommerce-page ul.products li.product .price > .woocommerce-Price-amount,
.artynote-wrapper .woocommerce ul.products li.product .price > .woocommerce-Price-amount {
    order: 2 !important;
    display: block !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
.artynote-wrapper .woocommerce ul.products li.product .button {
    min-width: 54px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: .78rem !important;
    border-width: 3px !important;
    box-shadow: 3px 3px 0 var(--color-dark) !important;
}
.artynote-loop-footer {
    align-items: center !important;
    gap: 8px !important;
}
.artynote-main-header .login-btn,
.artynote-main-header .login-btn-mobile {
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    body.woocommerce ul.products,
    body.woocommerce-page ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    body.woocommerce ul.products li.product,
    body.woocommerce-page ul.products li.product,
    .artynote-wrapper .woocommerce ul.products li.product {
        max-width: none !important;
    }
    body.woocommerce ul.products li.product .price,
    body.woocommerce-page ul.products li.product .price {
        font-size: .78rem !important;
    }
    body.woocommerce ul.products li.product .price del,
    body.woocommerce-page ul.products li.product .price del {
        font-size: .68rem !important;
    }
    body.woocommerce ul.products li.product .price ins,
    body.woocommerce-page ul.products li.product .price ins,
    body.woocommerce ul.products li.product .price > .woocommerce-Price-amount,
    body.woocommerce-page ul.products li.product .price > .woocommerce-Price-amount {
        font-size: .82rem !important;
    }
    body.woocommerce ul.products li.product .button,
    body.woocommerce-page ul.products li.product .button {
        min-width: 46px !important;
        min-height: 30px !important;
        padding: 5px 7px !important;
        font-size: .68rem !important;
        border-width: 3px !important;
    }
}

/* =========================================================
   Artynote v8 requested fixes: compact add-to-cart state & cleaner prices
   ========================================================= */
body.woocommerce ul.products li.product a.added_to_cart,
body.woocommerce-page ul.products li.product a.added_to_cart,
.artynote-wrapper .woocommerce ul.products li.product a.added_to_cart {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

body.woocommerce ul.products li.product .button.added,
body.woocommerce-page ul.products li.product .button.added,
.artynote-wrapper .woocommerce ul.products li.product .button.added,
body.woocommerce ul.products li.product .button.artynote-added-ok,
body.woocommerce-page ul.products li.product .button.artynote-added-ok,
.artynote-wrapper .woocommerce ul.products li.product .button.artynote-added-ok {
    background-color: var(--color-green) !important;
    color: var(--color-dark) !important;
}

body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price,
.artynote-wrapper .woocommerce ul.products li.product .price {
    letter-spacing: -0.02em !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
body.woocommerce-page ul.products li.product .price .woocommerce-Price-currencySymbol,
.artynote-wrapper .woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    display: none !important;
}

body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
.artynote-wrapper .woocommerce ul.products li.product .button {
    flex: 0 0 auto !important;
}

@media (max-width: 640px) {
    body.woocommerce ul.products li.product .artynote-loop-footer,
    body.woocommerce-page ul.products li.product .artynote-loop-footer,
    .artynote-wrapper .woocommerce ul.products li.product .artynote-loop-footer {
        gap: 5px !important;
    }
    body.woocommerce ul.products li.product .button,
    body.woocommerce-page ul.products li.product .button,
    .artynote-wrapper .woocommerce ul.products li.product .button {
        min-width: 42px !important;
        padding: 5px 6px !important;
    }
}

/* =========================================================
   Artynote v9 requested fixes: sale badge, price unit, gallery trigger
   ========================================================= */
body.woocommerce span.onsale,
body.woocommerce-page span.onsale,
.artynote-wrapper .woocommerce span.onsale {
    background: #EF476F !important;
    color: #fff !important;
    border-color: var(--color-dark) !important;
    animation: artynoteSaleBadgePop 1.8s ease-in-out infinite !important;
    transform-origin: center !important;
}
@keyframes artynoteSaleBadgePop {
    0%, 100% { transform: rotate(-10deg) scale(1); box-shadow: 3px 3px 0 var(--color-dark); }
    50% { transform: rotate(-7deg) scale(1.06); box-shadow: 5px 5px 0 var(--color-dark); }
}
.artynote-price-unit {
    display: block !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    color: #777 !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
}
body.woocommerce ul.products li.product.sale .artynote-price-unit,
body.woocommerce-page ul.products li.product.sale .artynote-price-unit,
.artynote-wrapper .woocommerce ul.products li.product.sale .artynote-price-unit {
    display: none !important;
}
/* حذف دکمه ذره‌بین روی عکس محصول؛ خود لایت‌باکس ووکامرس با کلیک ناخواسته باز نمی‌شود */
body.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
@media (max-width: 640px) {
    .artynote-price-unit { font-size: .62rem !important; }
    body.woocommerce span.onsale,
    body.woocommerce-page span.onsale { animation-duration: 2.2s !important; }
}

/* =========================================================
   V10: دسته‌بندی‌ها جدا از محصولات، بدون حالت کارت محصول
   ========================================================= */
body.woocommerce ul.products li.product-category,
body.woocommerce-page ul.products li.product-category,
.artynote-wrapper .woocommerce ul.products li.product-category {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    max-width: 160px !important;
    width: 160px !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    display: block !important;
}
body.woocommerce ul.products li.product-category:hover,
body.woocommerce-page ul.products li.product-category:hover,
.artynote-wrapper .woocommerce ul.products li.product-category:hover {
    transform: none !important;
    box-shadow: none !important;
}
body.woocommerce ul.products li.product-category a,
body.woocommerce-page ul.products li.product-category a,
.artynote-wrapper .woocommerce ul.products li.product-category a {
    display: block !important;
    width: 100% !important;
    color: var(--color-dark) !important;
    text-decoration: none !important;
}
body.woocommerce ul.products li.product-category img,
body.woocommerce-page ul.products li.product-category img,
.artynote-wrapper .woocommerce ul.products li.product-category img {
    display: none !important;
}
body.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title,
.artynote-wrapper .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 4px solid var(--color-dark) !important;
    border-radius: 28px !important;
    box-shadow: 6px 6px 0 var(--color-dark) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.35 !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    color: #fff !important;
    -webkit-text-stroke: 1px rgba(255,255,255,.65) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
body.woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category a:hover .woocommerce-loop-category__title,
.artynote-wrapper .woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title {
    transform: translate(3px, 3px) rotate(-1deg) !important;
    box-shadow: 3px 3px 0 var(--color-dark) !important;
}
body.woocommerce ul.products li.product-category .count,
body.woocommerce-page ul.products li.product-category .count,
.artynote-wrapper .woocommerce ul.products li.product-category .count {
    display: none !important;
}
body.woocommerce ul.products li.product-category:nth-of-type(6n+1) .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category:nth-of-type(6n+1) .woocommerce-loop-category__title { background: #0D7DBA !important; }
body.woocommerce ul.products li.product-category:nth-of-type(6n+2) .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category:nth-of-type(6n+2) .woocommerce-loop-category__title { background: #EF476F !important; }
body.woocommerce ul.products li.product-category:nth-of-type(6n+3) .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category:nth-of-type(6n+3) .woocommerce-loop-category__title { background: #06D6A0 !important; }
body.woocommerce ul.products li.product-category:nth-of-type(6n+4) .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category:nth-of-type(6n+4) .woocommerce-loop-category__title { background: #FFD166 !important; color: var(--color-dark) !important; }
body.woocommerce ul.products li.product-category:nth-of-type(6n+5) .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category:nth-of-type(6n+5) .woocommerce-loop-category__title { background: #B18FCF !important; }
body.woocommerce ul.products li.product-category:nth-of-type(6n+6) .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category:nth-of-type(6n+6) .woocommerce-loop-category__title { background: #34BCE8 !important; color: var(--color-dark) !important; }

body.woocommerce ul.products li.artynote-category-products-divider,
body.woocommerce-page ul.products li.artynote-category-products-divider {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 1px !important;
    padding: 0 !important;
    margin: 18px 0 8px !important;
    border: 0 !important;
    border-top: 3px dashed var(--color-dark) !important;
    background: transparent !important;
    box-shadow: none !important;
    list-style: none !important;
    pointer-events: none !important;
}

@media (max-width: 640px) {
    body.woocommerce ul.products li.product-category,
    body.woocommerce-page ul.products li.product-category,
    .artynote-wrapper .woocommerce ul.products li.product-category {
        width: 118px !important;
        max-width: 118px !important;
        justify-self: center !important;
    }
    body.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
    body.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title,
    .artynote-wrapper .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
        border-radius: 22px !important;
        font-size: 1rem !important;
        padding: 9px !important;
        box-shadow: 4px 4px 0 var(--color-dark) !important;
    }
}

/* =========================================================
   V12: بازطراحی نهایی دسته‌بندی‌ها - مربع واقعی بدون فضای سفید
   علت مشکل قبلی: li.product-category همزمان کلاس product داشت و بخشی از استایل کارت محصول روی آن باقی می‌ماند.
   این بخش باید آخر فایل باشد تا همه استایل‌های قبلی را override کند.
   ========================================================= */
body.woocommerce ul.products li.product.product-category,
body.woocommerce-page ul.products li.product.product-category,
body.woocommerce ul.products li.product-category,
body.woocommerce-page ul.products li.product-category,
.artynote-wrapper .woocommerce ul.products li.product.product-category,
.artynote-wrapper .woocommerce ul.products li.product-category {
    box-sizing: border-box !important;
    width: min(168px, 100%) !important;
    max-width: 168px !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    float: none !important;
    clear: none !important;
    text-align: center !important;
    display: block !important;
    align-self: start !important;
    justify-self: center !important;
}

body.woocommerce ul.products li.product.product-category > a,
body.woocommerce-page ul.products li.product.product-category > a,
body.woocommerce ul.products li.product-category > a,
body.woocommerce-page ul.products li.product-category > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category > a,
.artynote-wrapper .woocommerce ul.products li.product-category > a {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 4px solid var(--color-dark, #111) !important;
    border-radius: 24px !important;
    box-shadow: 8px 8px 0 var(--color-dark, #111) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    text-decoration: none !important;
    background: #34BCE8 !important;
    transform: translateZ(0) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-radius .2s ease !important;
}

body.woocommerce ul.products li.product.product-category:hover > a,
body.woocommerce-page ul.products li.product.product-category:hover > a,
body.woocommerce ul.products li.product-category:hover > a,
body.woocommerce-page ul.products li.product-category:hover > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:hover > a,
.artynote-wrapper .woocommerce ul.products li.product-category:hover > a {
    transform: translate(4px, 4px) rotate(-1deg) !important;
    box-shadow: 4px 4px 0 var(--color-dark, #111) !important;
    border-radius: 28px !important;
}

body.woocommerce ul.products li.product.product-category img,
body.woocommerce-page ul.products li.product.product-category img,
body.woocommerce ul.products li.product-category img,
body.woocommerce-page ul.products li.product-category img,
.artynote-wrapper .woocommerce ul.products li.product-category img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product.product-category .woocommerce-loop-category__title,
body.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
body.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title,
.artynote-wrapper .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title,
.artynote-wrapper .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    padding: 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.35 !important;
    font-size: 1.18rem !important;
    font-weight: 950 !important;
    color: inherit !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: 2px 2px 0 rgba(17,17,17,.32) !important;
    white-space: normal !important;
}

body.woocommerce ul.products li.product.product-category .count,
body.woocommerce-page ul.products li.product.product-category .count,
body.woocommerce ul.products li.product-category .count,
body.woocommerce-page ul.products li.product-category .count,
.artynote-wrapper .woocommerce ul.products li.product-category .count {
    display: none !important;
}

/* رنگ‌های شاد آرتی‌نوت برای دسته‌بندی‌ها */
body.woocommerce ul.products li.product.product-category:nth-of-type(6n+1) > a,
body.woocommerce-page ul.products li.product.product-category:nth-of-type(6n+1) > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:nth-of-type(6n+1) > a { background: #0D7DBA !important; }
body.woocommerce ul.products li.product.product-category:nth-of-type(6n+2) > a,
body.woocommerce-page ul.products li.product.product-category:nth-of-type(6n+2) > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:nth-of-type(6n+2) > a { background: #EF476F !important; }
body.woocommerce ul.products li.product.product-category:nth-of-type(6n+3) > a,
body.woocommerce-page ul.products li.product.product-category:nth-of-type(6n+3) > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:nth-of-type(6n+3) > a { background: #06D6A0 !important; }
body.woocommerce ul.products li.product.product-category:nth-of-type(6n+4) > a,
body.woocommerce-page ul.products li.product.product-category:nth-of-type(6n+4) > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:nth-of-type(6n+4) > a { background: #FFD166 !important; color: var(--color-dark, #111) !important; }
body.woocommerce ul.products li.product.product-category:nth-of-type(6n+5) > a,
body.woocommerce-page ul.products li.product.product-category:nth-of-type(6n+5) > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:nth-of-type(6n+5) > a { background: #B18FCF !important; }
body.woocommerce ul.products li.product.product-category:nth-of-type(6n+6) > a,
body.woocommerce-page ul.products li.product.product-category:nth-of-type(6n+6) > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category:nth-of-type(6n+6) > a { background: #34BCE8 !important; color: var(--color-dark, #111) !important; }

/* حالت موبایل: دو یا سه ستون تمیز، بدون کشیده شدن کارت */
@media (max-width: 640px) {
    body.woocommerce ul.products li.product.product-category,
    body.woocommerce-page ul.products li.product.product-category,
    body.woocommerce ul.products li.product-category,
    body.woocommerce-page ul.products li.product-category,
    .artynote-wrapper .woocommerce ul.products li.product.product-category,
    .artynote-wrapper .woocommerce ul.products li.product-category {
        width: min(132px, 100%) !important;
        max-width: 132px !important;
    }
    body.woocommerce ul.products li.product.product-category > a,
    body.woocommerce-page ul.products li.product.product-category > a,
    body.woocommerce ul.products li.product-category > a,
    body.woocommerce-page ul.products li.product-category > a,
    .artynote-wrapper .woocommerce ul.products li.product-category > a {
        border-width: 3px !important;
        border-radius: 20px !important;
        box-shadow: 5px 5px 0 var(--color-dark, #111) !important;
    }
    body.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title,
    body.woocommerce-page ul.products li.product.product-category .woocommerce-loop-category__title,
    body.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
    body.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title,
    .artynote-wrapper .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
        font-size: .95rem !important;
        padding: 8px !important;
    }
}


/* =========================================================
   V14: وسط‌چین شدن دسته‌بندی محصولات در همه جای سایت
   ========================================================= */
body.woocommerce ul.products,
body.woocommerce-page ul.products,
.artynote-wrapper .woocommerce ul.products {
    justify-content: center !important;
}

body.woocommerce ul.products:has(li.product-category),
body.woocommerce-page ul.products:has(li.product-category),
.artynote-wrapper .woocommerce ul.products:has(li.product-category) {
    justify-items: center !important;
    align-items: start !important;
}

body.woocommerce ul.products li.product.product-category,
body.woocommerce-page ul.products li.product.product-category,
body.woocommerce ul.products li.product-category,
body.woocommerce-page ul.products li.product-category,
.artynote-wrapper .woocommerce ul.products li.product.product-category,
.artynote-wrapper .woocommerce ul.products li.product-category {
    justify-self: center !important;
    align-self: start !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.woocommerce ul.products li.product.product-category > a,
body.woocommerce-page ul.products li.product.product-category > a,
.artynote-wrapper .woocommerce ul.products li.product.product-category > a,
.artynote-wrapper .woocommerce ul.products li.product-category > a {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Artynote v15: Enamad HTML box */
.artynote-enamad-html{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:90px!important;background:#fff!important;border:4px solid #111!important;box-shadow:6px 6px 0 #111!important;border-radius:16px!important;padding:12px!important;margin-top:18px!important;max-width:220px!important;}
.artynote-enamad-html img{max-width:100%!important;height:auto!important;display:block!important;}

/* =========================================================
   Artynote v16 - forgiving desktop dropdown hover area
   Keeps dropdown open while moving mouse between menu item and submenu.
   ========================================================= */
@media (min-width: 783px) {
  .artynote-main-header,
  .artynote-main-header .header-inner,
  .artynote-main-header .desktop-nav,
  .artynote-main-header .desktop-nav > ul.artynote-primary-menu,
  .artynote-main-header .desktop-nav li.menu-item-has-children {
    overflow: visible !important;
  }

  .artynote-main-header .desktop-nav li.menu-item-has-children {
    padding-bottom: 22px !important;
    margin-bottom: -22px !important;
  }

  .artynote-main-header .desktop-nav .sub-menu {
    top: calc(100% + 8px) !important;
    margin-top: 0 !important;
    pointer-events: none !important;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s !important;
  }

  .artynote-main-header .desktop-nav .sub-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -28px !important;
    right: -12px !important;
    left: -12px !important;
    height: 32px !important;
    display: block !important;
  }

  .artynote-main-header .desktop-nav li.menu-item-has-children:hover > .sub-menu,
  .artynote-main-header .desktop-nav li.menu-item-has-children:focus-within > .sub-menu,
  .artynote-main-header .desktop-nav li.menu-item-has-children > .sub-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
  }

  .artynote-main-header .desktop-nav .sub-menu .sub-menu {
    top: -10px !important;
    right: calc(100% + 8px) !important;
  }

  .artynote-main-header .desktop-nav .sub-menu .sub-menu::before {
    top: 0 !important;
    right: auto !important;
    left: -28px !important;
    width: 32px !important;
    height: 100% !important;
  }
}


/* =========================================================
   Artynote v18 - centered product categories without grid + mobile dropdown menu
   ========================================================= */

/* Product categories: always centered, flex-based, never grid-based */
body.woocommerce ul.products:has(li.product-category),
body.woocommerce-page ul.products:has(li.product-category),
.artynote-wrapper .woocommerce ul.products:has(li.product-category),
body.woocommerce .products:has(li.product-category),
body.woocommerce-page .products:has(li.product-category),
.artynote-wrapper .woocommerce .products:has(li.product-category) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 28px !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

body.woocommerce ul.products:has(li.product-category)::before,
body.woocommerce ul.products:has(li.product-category)::after,
body.woocommerce-page ul.products:has(li.product-category)::before,
body.woocommerce-page ul.products:has(li.product-category)::after,
.artynote-wrapper .woocommerce ul.products:has(li.product-category)::before,
.artynote-wrapper .woocommerce ul.products:has(li.product-category)::after {
    content: none !important;
    display: none !important;
}

body.woocommerce ul.products:has(li.product-category) li.product-category,
body.woocommerce-page ul.products:has(li.product-category) li.product-category,
.artynote-wrapper .woocommerce ul.products:has(li.product-category) li.product-category {
    flex: 0 0 168px !important;
    width: 168px !important;
    max-width: 168px !important;
    margin: 0 !important;
}

@media (max-width: 640px) {
    body.woocommerce ul.products:has(li.product-category),
    body.woocommerce-page ul.products:has(li.product-category),
    .artynote-wrapper .woocommerce ul.products:has(li.product-category) {
        gap: 18px !important;
        max-width: 360px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    body.woocommerce ul.products:has(li.product-category) li.product-category,
    body.woocommerce-page ul.products:has(li.product-category) li.product-category,
    .artynote-wrapper .woocommerce ul.products:has(li.product-category) li.product-category {
        flex: 0 0 138px !important;
        width: 138px !important;
        max-width: 138px !important;
    }
}

/* Header submenu typography: Bold, not Black */
.artynote-main-header .desktop-nav .sub-menu a,
.artynote-mobile-dropdown ul.artynote-mobile-menu .sub-menu a {
    font-weight: 700 !important;
}

/* Mobile header/menu cleanup */
@media (max-width: 992px) {
    .artynote-main-header { overflow: visible !important; }
    .artynote-main-header .header-container {
        height: 76px !important;
        padding: 0 12px !important;
        gap: 8px !important;
    }
    .artynote-main-header .logo-link {
        flex: 1 1 auto !important;
        justify-content: center !important;
        min-width: 0 !important;
    }
    .artynote-main-header .logo-img {
        max-height: 50px !important;
        max-width: 105px !important;
    }
    .artynote-main-header .header-actions {
        gap: 8px !important;
        flex: 0 0 auto !important;
    }
    body .artynote-main-header button.mobile-menu-btn,
    body .artynote-main-header a.cart-btn,
    body .artynote-main-header button.search-toggle-btn {
        width: 43px !important;
        height: 43px !important;
        min-width: 43px !important;
        box-shadow: 3px 3px 0 #111 !important;
    }

    .artynote-mobile-dropdown {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        padding: 0 18px !important;
        background: #fff !important;
        border-bottom: 4px solid #111 !important;
        transform: translateY(-8px) !important;
        transition: max-height .35s ease, opacity .25s ease, transform .25s ease, visibility .25s ease, padding .25s ease !important;
        z-index: 999998 !important;
    }
    .artynote-mobile-dropdown.active {
        max-height: calc(100vh - 86px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow-y: auto !important;
        padding: 18px !important;
        transform: translateY(0) !important;
    }

    .artynote-mobile-dropdown .mobile-links,
    .artynote-mobile-dropdown ul.artynote-mobile-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .artynote-mobile-dropdown ul.artynote-mobile-menu li {
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .artynote-mobile-dropdown a,
    .artynote-mobile-dropdown ul.artynote-mobile-menu > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 11px 14px !important;
        margin: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-bottom: 2px dashed #e8e2d8 !important;
        box-shadow: none !important;
        color: #111 !important;
        font-size: 1.06rem !important;
        font-weight: 900 !important;
        line-height: 1.35 !important;
        text-align: right !important;
        text-decoration: none !important;
        border-radius: 0 !important;
        white-space: normal !important;
    }
    .artynote-mobile-dropdown ul.artynote-mobile-menu .sub-menu {
        display: none !important;
        width: 100% !important;
        margin: 8px 0 12px 0 !important;
        padding: 10px !important;
        background: #FDFBF7 !important;
        border: 3px dashed #111 !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }
    .artynote-mobile-dropdown ul.artynote-mobile-menu li.submenu-open > .sub-menu {
        display: block !important;
        animation: artyMobileSubmenu .22s ease both !important;
    }
    @keyframes artyMobileSubmenu {
        from { opacity: 0; transform: translateY(-6px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .artynote-mobile-dropdown ul.artynote-mobile-menu .sub-menu a {
        width: 100% !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
        margin: 0 0 7px 0 !important;
        background: #fff !important;
        border: 2px solid #111 !important;
        border-radius: 13px !important;
        box-shadow: 3px 3px 0 #111 !important;
        font-size: .92rem !important;
        font-weight: 700 !important;
        justify-content: flex-start !important;
        text-align: right !important;
    }
    .artynote-mobile-dropdown ul.artynote-mobile-menu .sub-menu li:last-child > a { margin-bottom: 0 !important; }

    .artynote-mobile-dropdown .artynote-submenu-toggle {
        position: absolute !important;
        top: 6px !important;
        left: 4px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        border: 2px solid #111 !important;
        border-radius: 12px !important;
        background: #FFD166 !important;
        box-shadow: 2px 2px 0 #111 !important;
        color: #111 !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 2 !important;
        transition: transform .2s ease, background .2s ease !important;
    }
    .artynote-mobile-dropdown li.submenu-open > .artynote-submenu-toggle {
        background: #06D6A0 !important;
        transform: rotate(180deg) !important;
    }
    .artynote-mobile-dropdown .login-btn-mobile {
        background: #34BCE8 !important;
        border: 3px solid #111 !important;
        box-shadow: 4px 4px 0 #111 !important;
        justify-content: center !important;
        margin-top: 12px !important;
        border-radius: 0 !important;
    }
}


/* =========================================================
   Artynote v19 - prevent desktop nav from appearing on mobile
   ========================================================= */
@media (max-width: 992px) {
    body .artynote-main-header nav.desktop-nav,
    body .artynote-main-header .desktop-nav,
    body .artynote-main-header ul.artynote-primary-menu,
    body .artynote-main-header .desktop-nav > ul.artynote-primary-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        flex: 0 0 0 !important;
    }
    body .artynote-main-header .search-wrapper,
    body .artynote-main-header .login-btn {
        display: none !important;
        visibility: hidden !important;
    }
    body .artynote-main-header button.mobile-menu-btn {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}


/* =========================================================
   V21: SEO UI, LOADER, FOOTER ENAMAD LAYOUT
========================================================= */
.artynote-breadcrumbs{
    max-width:1200px;
    margin:22px auto 0;
    padding:0 20px;
    font-size:.92rem;
    font-weight:700;
    color:#555;
}
.artynote-breadcrumbs a{color:#111;text-decoration:none}
.artynote-breadcrumbs a:hover{color:#EF476F}

.artynote-site-loader{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FDFBF7;
    background-image:radial-gradient(#111 1.5px, transparent 1.5px);
    background-size:28px 28px;
    transition:opacity .45s ease, visibility .45s ease;
}
.artynote-site-loader.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.artynote-loader-card{
    width:min(360px, calc(100vw - 42px));
    background:#fff;
    border:4px solid #111;
    box-shadow:8px 8px 0 #111;
    border-radius:22px;
    padding:34px 24px;
    text-align:center;
    font-family:'Yekan Bakh', Tahoma, Arial, sans-serif;
    color:#111;
    transform:rotate(-1deg);
}
.artynote-loader-shapes{
    position:relative;
    width:132px;
    height:82px;
    margin:0 auto 18px;
}
.artynote-loader-shapes span{
    position:absolute;
    display:block;
    border:4px solid #111;
    box-shadow:4px 4px 0 #111;
    animation:artynoteLoaderFloat 1.35s ease-in-out infinite;
}
.artynote-loader-shapes .shape-dot{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#EF476F;
    right:8px;
    top:24px;
}
.artynote-loader-shapes .shape-square{
    width:52px;
    height:52px;
    background:#FFD166;
    right:40px;
    top:8px;
    transform:rotate(12deg);
    animation-delay:.18s;
}
.artynote-loader-shapes .shape-circle{
    width:44px;
    height:44px;
    border-radius:50%;
    background:#06D6A0;
    left:8px;
    top:25px;
    animation-delay:.36s;
}
@keyframes artynoteLoaderFloat{
    0%,100%{translate:0 0}
    50%{translate:0 -10px}
}
.artynote-loader-logo{
    display:block;
    max-width:190px;
    max-height:82px;
    width:auto;
    height:auto;
    object-fit:contain;
    margin:0 auto 12px;
    padding:8px 12px;
    background:#fff;
    border:3px solid #111;
    box-shadow:4px 4px 0 #111;
    border-radius:14px;
}
.artynote-loader-text{
    font-size:1rem;
    font-weight:900;
    color:#333;
    letter-spacing:.5px;
    direction:ltr;
}

/* فوتر: جا دادن بهتر متن کنار اینماد */
.artynote-footer .artynote-footer-brand{
    max-width:420px;
}
.artynote-footer .artynote-footer-brand p{
    font-size:.88rem !important;
    line-height:1.9 !important;
    max-width:310px !important;
    margin-top:8px;
}
.artynote-footer .artynote-enamad-html,
.artynote-footer .artynote-enamad-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:150px;
    margin-top:14px;
    vertical-align:top;
}
.artynote-footer .artynote-enamad-html img,
.artynote-footer .artynote-enamad-html iframe,
.artynote-footer .artynote-enamad-html a img{
    max-width:145px !important;
    height:auto !important;
}
@media (min-width: 769px){
    .artynote-footer .artynote-footer-brand{
        display:grid;
        grid-template-columns:minmax(190px, 1fr) 150px;
        column-gap:18px;
        align-items:start;
    }
    .artynote-footer .artynote-footer-logo,
    .artynote-footer .artynote-footer-brand p{
        grid-column:1;
    }
    .artynote-footer .artynote-enamad-html,
    .artynote-footer .artynote-enamad-link{
        grid-column:2;
        grid-row:1 / span 2;
        margin-top:0;
    }
}
@media (max-width:768px){
    .artynote-loader-card{padding:28px 18px}
    .artynote-footer .artynote-footer-brand p{
        max-width:100% !important;
        margin-inline:auto;
    }
    .artynote-footer .artynote-enamad-html,
    .artynote-footer .artynote-enamad-link{
        margin:18px auto 0;
    }
}


/* =========================================================
   ARTYNOTE V23: safer header dropdown + trust column + logo loader
========================================================= */
@media (min-width: 783px){
  .artynote-main-header,
  .artynote-main-header *{ overflow: visible !important; }

  .artynote-main-header .desktop-nav li.menu-item-has-children{
    position: relative !important;
    padding-bottom: 34px !important;
    margin-bottom: -34px !important;
  }

  .artynote-main-header .desktop-nav .sub-menu{
    top: calc(100% + 2px) !important;
    margin-top: 0 !important;
    padding-top: 14px !important;
    pointer-events: auto !important;
    transition: opacity .22s ease, transform .22s ease, visibility 0s linear .24s !important;
  }

  .artynote-main-header .desktop-nav .sub-menu::before{
    content:'' !important;
    position:absolute !important;
    top:-42px !important;
    right:-24px !important;
    left:-24px !important;
    height:48px !important;
    display:block !important;
    background: transparent !important;
  }

  .artynote-main-header .desktop-nav li.menu-item-has-children:hover > .sub-menu,
  .artynote-main-header .desktop-nav li.menu-item-has-children:focus-within > .sub-menu,
  .artynote-main-header .desktop-nav li.menu-item-has-children > .sub-menu:hover{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    transition-delay:0s !important;
  }

  .artynote-main-header .desktop-nav .sub-menu a{
    font-family:'Yekan Bakh', Tahoma, Arial, sans-serif !important;
    font-weight:700 !important;
  }
}

/* Footer: move Enamad/trust badge to the last column */
.artynote-footer .artynote-footer-grid{
  grid-template-columns: minmax(240px, 1.2fr) minmax(160px, .8fr) minmax(190px, .9fr) minmax(150px, .7fr) !important;
  align-items:start !important;
}
.artynote-footer .artynote-footer-trust{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}
.artynote-footer .artynote-footer-trust h3{
  margin:0 0 16px !important;
  font-size:1.1rem !important;
  font-weight:900 !important;
}
.artynote-footer .artynote-footer-brand p{
  font-size:.86rem !important;
  line-height:1.9 !important;
  max-width:300px !important;
}
.artynote-footer .artynote-enamad-html,
.artynote-footer .artynote-enamad-link{
  margin-top:0 !important;
  max-width:150px !important;
  min-height:115px !important;
}
@media (max-width: 900px){
  .artynote-footer .artynote-footer-grid{
    grid-template-columns:1fr 1fr !important;
  }
}
@media (max-width: 640px){
  .artynote-footer .artynote-footer-grid{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .artynote-footer .artynote-footer-brand p{max-width:100% !important;}
}

/* Lightweight animated loader: shapes enter square, reveal logo, reverse */
.artynote-site-loader{
  background:#FDFBF7 !important;
  background-image:radial-gradient(#111 1.5px, transparent 1.5px) !important;
  background-size:28px 28px !important;
}
.artynote-loader-card{
  width:180px !important;
  height:180px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  position:relative !important;
}
.artynote-loader-shapes{
  position:absolute !important;
  inset:0 !important;
  width:180px !important;
  height:180px !important;
  margin:0 !important;
  z-index:2 !important;
}
.artynote-loader-shapes span{
  position:absolute !important;
  display:block !important;
  border:4px solid #111 !important;
  box-shadow:5px 5px 0 #111 !important;
  animation-duration:2.4s !important;
  animation-timing-function:cubic-bezier(.55,0,.25,1) !important;
  animation-iteration-count:infinite !important;
  animation-fill-mode:both !important;
}
.artynote-loader-shapes .shape-dot{
  width:36px !important;
  height:36px !important;
  border-radius:50% !important;
  background:#EF476F !important;
  top:74px !important;
  right:auto !important;
  left:0 !important;
  animation-name:artynoteLoaderDot !important;
}
.artynote-loader-shapes .shape-square{
  width:62px !important;
  height:62px !important;
  border-radius:14px !important;
  background:#FFD166 !important;
  top:59px !important;
  right:auto !important;
  left:59px !important;
  transform:none !important;
  animation-name:artynoteLoaderSquare !important;
}
.artynote-loader-shapes .shape-circle{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:#06D6A0 !important;
  top:69px !important;
  right:0 !important;
  left:auto !important;
  animation-name:artynoteLoaderCircle !important;
}
.artynote-loader-logo-box{
  position:relative !important;
  z-index:3 !important;
  width:92px !important;
  height:92px !important;
  background:#fff !important;
  border:4px solid #111 !important;
  box-shadow:6px 6px 0 #111 !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  animation:artynoteLoaderLogoBox 2.4s cubic-bezier(.55,0,.25,1) infinite both !important;
}
.artynote-loader-logo{
  max-width:72px !important;
  max-height:72px !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  opacity:0 !important;
  animation:artynoteLoaderLogo 2.4s cubic-bezier(.55,0,.25,1) infinite both !important;
}
.artynote-loader-text{display:none !important;}
@keyframes artynoteLoaderDot{
  0%,100%{transform:translateX(0) scale(1); opacity:1}
  30%,70%{transform:translateX(72px) scale(.55); opacity:.08}
}
@keyframes artynoteLoaderCircle{
  0%,100%{transform:translateX(0) scale(1); opacity:1}
  30%,70%{transform:translateX(-72px) scale(.55); opacity:.08}
}
@keyframes artynoteLoaderSquare{
  0%,100%{transform:rotate(0deg) scale(1); opacity:1}
  30%,70%{transform:rotate(90deg) scale(1.45); opacity:1}
}
@keyframes artynoteLoaderLogoBox{
  0%,22%,78%,100%{transform:scale(.72) rotate(0deg); opacity:.1}
  34%,66%{transform:scale(1) rotate(0deg); opacity:1}
}
@keyframes artynoteLoaderLogo{
  0%,32%,72%,100%{opacity:0; transform:scale(.82)}
  42%,62%{opacity:1; transform:scale(1)}
}
@media (prefers-reduced-motion: reduce){
  .artynote-loader-shapes span,
  .artynote-loader-logo-box,
  .artynote-loader-logo{animation:none !important; opacity:1 !important; transform:none !important;}
}


/* =========================================================
   ARTYNOTE V27: checkout review alignment fix
   Keep order summary aligned with customer information on desktop.
========================================================= */
@media (min-width: 1025px){
  body.woocommerce-checkout form.checkout{
    display:grid !important;
    grid-template-columns:minmax(390px,520px) minmax(0,1fr) !important;
    grid-template-areas:
      "order customer"
      "order customer" !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    align-content:start !important;
    gap:38px !important;
    direction:ltr !important;
  }
  body.woocommerce-checkout #customer_details{
    grid-area:customer !important;
    align-self:start !important;
    margin-top:0 !important;
    direction:rtl !important;
  }
  body.woocommerce-checkout #order_review_heading{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:start !important;
    justify-self:stretch !important;
    margin:0 0 18px !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:100% !important;
    direction:rtl !important;
    z-index:2 !important;
  }
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order{
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:start !important;
    justify-self:stretch !important;
    margin-top:0 !important;
    position:sticky !important;
    top:calc(var(--artynote-fixed-header-height, 95px) + 26px) !important;
    direction:rtl !important;
    max-height:calc(100vh - var(--artynote-fixed-header-height, 95px) - 44px) !important;
    overflow-y:auto !important;
  }
  body.woocommerce-checkout #order_review table.shop_table{
    margin-top:0 !important;
  }
}

/* =========================================================
   ARTYNOTE V27: extra forgiving header dropdown fallback
========================================================= */
@media (min-width: 783px){
  body .artynote-main-header,
  body .artynote-main-header .header-container,
  body .artynote-main-header .desktop-nav,
  body .artynote-main-header .desktop-nav > ul,
  body .artynote-main-header .desktop-nav li.menu-item-has-children{
    overflow:visible !important;
  }
  body .artynote-main-header .desktop-nav li.menu-item-has-children{
    padding-bottom:52px !important;
    margin-bottom:-52px !important;
  }
  body .artynote-main-header .desktop-nav .sub-menu{
    top:calc(100% + 0px) !important;
    margin-top:0 !important;
    transform:translateY(6px) !important;
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear .35s !important;
  }
  body .artynote-main-header .desktop-nav .sub-menu::before{
    content:'' !important;
    position:absolute !important;
    top:-62px !important;
    right:-28px !important;
    left:-28px !important;
    height:66px !important;
    display:block !important;
    background:transparent !important;
  }
  body .artynote-main-header .desktop-nav li.menu-item-has-children:hover > .sub-menu,
  body .artynote-main-header .desktop-nav li.menu-item-has-children:focus-within > .sub-menu,
  body .artynote-main-header .desktop-nav li.menu-item-has-children.arty-submenu-active > .sub-menu,
  body .artynote-main-header .desktop-nav li.menu-item-has-children > .sub-menu:hover{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
    transition-delay:0s !important;
  }
}