:root {
	--wd-text-font: vazir, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: vazir, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: inherit;
	--wd-title-color: #242424;
	--wd-entities-title-font: vazir, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: inherit;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: vazir, sans-serif;
	--wd-widget-title-font: vazir, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: vazir, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(96,0,140);
	--wd-alternative-color: rgb(15,0,43);
	--btn-default-font-family: vazir, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: none;
	--btn-default-font-size: 14px;
	--btn-default-bgcolor: rgb(113,0,226);
	--btn-default-bgcolor-hover: rgb(146,65,226);
	--btn-accented-font-family: vazir, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-transform: none;
	--btn-accented-font-size: 14px;
	--btn-accented-bgcolor: rgb(96,0,140);
	--btn-accented-bgcolor-hover: rgba(96,0,140,0.79);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(96,0,140);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}



.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================
   GUGULIBOOK — FINAL HEADER CSS
   Woodmart 8.6.3 | RTL | Desktop
   Category + Search + Account + Cart + Bottom Navigation
========================================================== */


/* ==========================================================
   1. دکمه محصولات گوگولی
========================================================== */

@media (min-width: 1025px) {

    header.whb-header.whb-default_header
    .whb-header-bottom .wd-header-cats > .menu-opener {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;

        box-sizing: border-box !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 17px !important;

        background: linear-gradient(
            110deg,
            #7c0aab 0%,
            #60008c 100%
        ) !important;

        color: #fff !important;
        border: 1px solid #60008c !important;
        border-radius: 10px !important;

        font-family: Vazir, Vazirmatn, Tahoma, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.4 !important;

        box-shadow: 0 3px 9px rgba(96, 0, 140, .14) !important;
        cursor: pointer !important;
        transition: background .2s ease, box-shadow .2s ease !important;
    }

    header.whb-header.whb-default_header
    .whb-header-bottom .wd-header-cats .menu-open-label {
        display: inline-block !important;
        margin: 0 !important;
        color: #fff !important;
        font-family: Vazir, Vazirmatn, Tahoma, sans-serif !important;
        white-space: nowrap !important;
    }

    header.whb-header.whb-default_header
    .whb-header-bottom .wd-header-cats .menu-opener-icon.custom-icon {
        flex: 0 0 auto !important;
        color: #fff !important;
        filter: brightness(0) invert(1) !important;
    }

    header.whb-header.whb-default_header
    .whb-header-bottom .wd-header-cats .menu-opener-icon::before,
    header.whb-header.whb-default_header
    .whb-header-bottom .wd-header-cats .menu-opener-icon::after {
        color: #fff !important;
        border-color: #fff !important;
    }

    header.whb-header.whb-default_header
    .whb-header-bottom .wd-header-cats > .menu-opener:hover {
        background: linear-gradient(
            110deg,
            #8c17ba 0%,
            #7000a1 100%
        ) !important;

        color: #fff !important;
        box-shadow: 0 5px 12px rgba(96, 0, 140, .22) !important;
    }


/* ==========================================================
   GUGULIBOOK — SEARCH FORM
   Woodmart | RTL | wd-style-with-bg
========================================================== */

/* فرم اصلی */
header.whb-header form.searchform.wd-style-with-bg {
    display: flex !important;
    align-items: center !important;
    direction: rtl !important;

    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 3px !important;

    background: #f3eff6 !important;
    border: 1px solid #e5d8ed !important;
    border-radius: 999px !important;

    overflow: hidden !important;
    box-shadow: none !important;
}

/* فیلد جستجو */
header.whb-header form.searchform.wd-style-with-bg > input.s {
    flex: 1 1 auto !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 16px !important;

    direction: rtl !important;
    text-align: right !important;

    background: transparent !important;
    color: #39303f !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-family: Vazir, Vazirmatn, Tahoma, sans-serif !important;
    font-size: 13px !important;
}

/* متن راهنمای جستجو */
header.whb-header form.searchform.wd-style-with-bg > input.s::placeholder {
    color: #827589 !important;
    opacity: 1 !important;
}

/* فیلد مخفی */
header.whb-header form.searchform.wd-style-with-bg > input[type="hidden"] {
    display: none !important;
}

/* دکمه پاک‌کردن جستجو */
header.whb-header form.searchform.wd-style-with-bg > .wd-clear-search {
    display: none !important;
}

/* دکمه بنفش جستجو در سمت چپ */
header.whb-header form.searchform.wd-style-with-bg > button.searchsubmit {
    position: relative !important;
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    min-width: 88px !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background: linear-gradient(
        110deg,
        #7c0aab 0%,
        #60008c 100%
    ) !important;

    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;

    outline: none !important;
    box-shadow: none !important;

    font-family: Vazir, Vazirmatn, Tahoma, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;

    cursor: pointer !important;
    transition: filter .2s ease !important;
}

/* متن دکمه */
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit > span {
    display: inline !important;
    position: static !important;

    color: #fff !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* حذف حلقه، ذره‌بین و شبه‌عناصر پیش‌فرض */
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit::before,
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit::after {
    content: none !important;
    display: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/* حذف آیکون احتمالی داخل دکمه */
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit i,
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit svg {
    display: none !important;
}

/* حالت هاور */
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit:hover {
    background: linear-gradient(
        110deg,
        #8c17ba 0%,
        #7000a1 100%
    ) !important;

    color: #fff !important;
    filter: brightness(1.03);
    box-shadow: none !important;
}

/* حذف افکت فوکوس مزاحم */
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit:focus,
header.whb-header form.searchform.wd-style-with-bg
> button.searchsubmit:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}


/* ==========================================================
   3. حساب کاربری
========================================================== */

    header.whb-header.whb-default_header
    .whb-general-header .whb-header-my-account > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    header.whb-header.whb-default_header
    .whb-general-header .whb-header-my-account
    > a > .wd-tools-inner {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 14px !important;

        background: #60008c !important;
        color: #fff !important;
        border: 1px solid #60008c !important;
        border-radius: 10px !important;
        box-shadow: none !important;

        font-family: Vazir, Vazirmatn, Tahoma, sans-serif !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    header.whb-header.whb-default_header
    .whb-general-header .whb-header-my-account
    > a > .wd-tools-inner .wd-tools-text {
        color: #fff !important;
    }

    header.whb-header.whb-default_header
    .whb-general-header .whb-header-my-account:hover
    > a > .wd-tools-inner {
        background: #7000a1 !important;
        color: #fff !important;
    }


/* ==========================================================
   4. سبد خرید — آیکون مرکزی، شمارنده مستقل
========================================================== */

    header.whb-header.whb-default_header
    .whb-general-header
    .wd-header-cart.whb-5u866sftq6yga790jxf3 > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #f5eff9 !important;
        color: #60008c !important;

        border: 1px solid #e1d1ec !important;
        border-radius: 11px !important;

        box-shadow: 0 2px 7px rgba(71, 0, 104, .07) !important;
        text-decoration: none !important;
        overflow: visible !important;

        transition: background .2s ease, border-color .2s ease !important;
    }

    /* ظرف آیکون، مستقل از شمارنده */
    header.whb-header.whb-default_header
    .whb-general-header
    .wd-header-cart.whb-5u866sftq6yga790jxf3
    > a > .wd-tools-icon {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;

        display: block !important;
        flex: none !important;

        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translate(-50%, -50%) !important;

        background: transparent !important;
        color: #60008c !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* آیکون اصلی Woodmart */
    header.whb-header.whb-default_header
    .whb-general-header
    .wd-header-cart.whb-5u866sftq6yga790jxf3
    > a > .wd-tools-icon::before {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;

        margin: 0 !important;
        transform: translate(-50%, -50%) !important;

        color: #60008c !important;
    }

    /* شمارنده روی گوشه ظرف آیکون */
    header.whb-header.whb-default_header
    .whb-general-header
    .wd-header-cart.whb-5u866sftq6yga790jxf3
    > a > .wd-tools-icon > .wd-cart-number {
        position: absolute !important;
        right: -9px !important;
        top: -7px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 5 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
        width: auto !important;
        min-width: 19px !important;
        height: 19px !important;

        margin: 0 !important;
        padding: 0 4px !important;

        background: #e99a16 !important;
        color: #fff !important;
        border: 2px solid #f5eff9 !important;
        border-radius: 999px !important;

        font-family: Vazir, Vazirmatn, Tahoma, sans-serif !important;
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;

        box-shadow: 0 1px 3px rgba(50, 25, 60, .12) !important;
        transform: none !important;
    }

    header.whb-header.whb-default_header
    .whb-general-header
    .wd-header-cart.whb-5u866sftq6yga790jxf3
    .wd-cart-number > span {
        display: none !important;
    }

    header.whb-header.whb-default_header
    .whb-general-header
    .wd-header-cart.whb-5u866sftq6yga790jxf3 > a:hover {
        background: #ece0f5 !important;
        color: #470068 !important;
        border-color: #d2b9e4 !important;
        box-shadow: 0 4px 10px rgba(71, 0, 104, .12) !important;
    }

}


/* ==========================================================
   5. منوی پایین — اصلاح ساختار و استایل
   nav در HTML خواهر مستقیم column11 است.
========================================================== */

@media (min-width: 1025px) {

    /* ردیف کلی */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        direction: rtl !important;
        flex-flow: row nowrap !important;

        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 50px !important;
        gap: 14px !important;
    }

    /* ستون دکمه دسته‌بندی */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-column11 {
        display: flex !important;
        align-items: center !important;

        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: max-content !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* ستون‌های خالی */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-column12,
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-column13,
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-column_mobile5 {
        display: none !important;
    }

    /* منوی افقی؛ انتخاب مستقیم عنصر واقعی */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        direction: rtl !important;
        text-align: right !important;

        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* لیست؛ لینک‌ها در بخش خالی ردیف پخش می‌شوند */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;
        direction: rtl !important;

        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;

        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
        text-align: right !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* هر آیتم */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li {
        display: flex !important;
        align-items: center !important;

        flex: 0 1 auto !important;
        min-width: 0 !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* کپسول هر لینک */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li > a.woodmart-nav-link {
        position: relative !important;
        z-index: 0 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
        width: auto !important;
        height: 40px !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 0 13px !important;

        background: #f7f0fb !important;
        background-image: none !important;
        color: #51405f !important;

        border: 1px solid #e8d9f1 !important;
        border-radius: 10px !important;

        box-shadow: 0 2px 6px rgba(71, 0, 104, .045) !important;

        text-decoration: none !important;
        text-align: center !important;
        white-space: nowrap !important;

        transition:
            background .2s ease,
            color .2s ease,
            border-color .2s ease,
            box-shadow .2s ease !important;
    }

    /* خنثی‌سازی لایه پس‌زمینه Woodmart */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary.wd-style-bg
    > li > a.woodmart-nav-link::before,
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary.wd-style-bg
    > li > a.woodmart-nav-link::after {
        content: none !important;
        display: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    /* متن اصلی لینک */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li > a .nav-link-text {
        color: inherit !important;
        white-space: nowrap !important;
    }

    /* هاور بنفش */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li > a.woodmart-nav-link:hover {
        background: linear-gradient(
            110deg,
            #7c0aab 0%,
            #60008c 100%
        ) !important;

        color: #fff !important;
        border-color: #60008c !important;
        box-shadow: 0 4px 10px rgba(96, 0, 140, .15) !important;
    }

    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li > a:hover .nav-link-text {
        color: #fff !important;
    }

    /* لینک فعال */
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li.current-menu-item > a,
    header.whb-header.whb-default_header
    .whb-row.whb-header-bottom .whb-header-bottom-inner
    > nav.wd-header-nav.wd-header-secondary-nav
    > ul.wd-nav-secondary > li.current-menu-ancestor > a {
        background: #eadcf4 !important;
        color: #60008c !important;
        border-color: #d8bfe9 !important;
        box-shadow: none !important;
    }

}

/* =============================================================
   GUGULIBOOK - MASTER UNIFIED STYLESHEET (VAZIR / DEAD-CENTER)
   1. Design Tokens & Typography (Only Vazir & inherit)
   2. Search & Header Protection
   3. Global Buttons Engine
   4. Product Cards Engine
   5. Unified Quantity Controller
   6. Checkout & Coupon Component
   7. Luxury Mini-Cart Sidebar
   8. FarazSMS OTP, Dead-Center Rotating Loader & Password Removal
   9. Mobile Responsiveness
============================================================= */
/* -------------------------------------------------------------
   HIDING SHIPING PRICE
------------------------------------------------------------- */
.wc-block-components-totals-shipping .wc-block-components-totals-item__value {
	display: none;
}

/* ============================================================
   GUGULIBOOK - آیکون عنوان‌ها (فقط CSS؛ داخل ویرایشگر هیچ کدی نیست)
   این رو بذار تو: ایران وودمارت ← تنظیمات قالب ← استایل CSS سفارشی
   اندازه‌ی آیکون‌ها با --gugu-ic عوض می‌شه
============================================================ */
:root { --gugu-ic: 1.45em; }

.gugu-t-zap .wd-text-block p::before,
.gugu-t-new .wd-text-block p::before,
.gugu-t-love .wd-text-block p::before,
.gugu-t-shortcut .mega-menu-list > li > a::before,
.gugu-t-contact .mega-menu-list > li > a::before,
.gugu-sell-books-badge::before,
.gugu-used-books-badge::before {
  content: "";
  display: inline-block;
  width: var(--gugu-ic);
  height: var(--gugu-ic);
  margin-inline-end: 8px;
  vertical-align: middle;
  position: relative;
  top: -0.08em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* عنوان بخش‌ها */
.gugu-t-zap .wd-text-block p::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none'%3E%3Cpath d='M28 3L10 26h12l-4 19 20-25H26z' fill='%23FFC83D' stroke='%23F59E0B' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M39 6l1.4 3 3 1.4-3 1.4-1.4 3-1.4-3-3-1.4 3-1.4zM9 31l1.1 2.4 2.4 1.1-2.4 1.1L9 38l-1.1-2.4-2.4-1.1 2.4-1.1z' fill='%23FFB400'/%3E%3C/svg%3E"); }
.gugu-t-new .wd-text-block p::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none'%3E%3Cellipse cx='24' cy='42' rx='11' ry='3' fill='%23E8DFEA'/%3E%3Cpath d='M24 42V24' stroke='%233BB273' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M24 28C14 28 8 22 8 12c10 0 16 5 16 16z' fill='%233BB273'/%3E%3Cpath d='M24 23c0-8 5-14 14-14 0 8-5 14-14 14z' fill='%236DD39B'/%3E%3C/svg%3E"); }
.gugu-t-love .wd-text-block p::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none'%3E%3Cpath d='M24 42C8 31 5 22 5 15a9.5 9.5 0 0 1 19-3 9.5 9.5 0 0 1 19 3c0 7-3 16-19 27z' fill='%23E5486B'/%3E%3Cellipse cx='14' cy='15' rx='3.5' ry='2.2' transform='rotate(-35 14 15)' fill='%23fff' opacity='.45'/%3E%3C/svg%3E"); }

/* بنرها (کلاس‌هاشون از قبل تو صفحه هست) */
.gugu-sell-books-badge::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none'%3E%3Ccircle cx='24' cy='24' r='18' fill='%23FFC83D' stroke='%23E0A100' stroke-width='3'/%3E%3Ccircle cx='24' cy='24' r='12' stroke='%23E0A100' stroke-width='2'/%3E%3Cpath d='M24 16l2.6 5.5 6 .8-4.4 4.2 1.1 6L24 29.6 18.7 32.5l1.1-6-4.4-4.2 6-.8z' fill='%23E0A100'/%3E%3C/svg%3E"); }
.gugu-used-books-badge::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none' stroke='%2360008C' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M24 12C18 8 10 8 5 10v27c5-2 13-2 19 2z' fill='%23F7F0FA'/%3E%3Cpath d='M24 12c6-4 14-4 19-2v27c-5-2-13-2-19 2z' fill='%23F7F0FA'/%3E%3Cpath d='M11 17h8M11 23h8M29 17h8M29 23h8' stroke-width='2'/%3E%3C/svg%3E"); }

/* فوتر (نسخه‌ی روشن، چون پس‌زمینه تیره‌ست) */
.gugu-t-shortcut .mega-menu-list > li > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none'%3E%3Cpath d='M20 34c0 6 4 10 4 10s4-4 4-10z' fill='%23FF8A4C'/%3E%3Cpath d='M15 24l-7 8v6l7-5zM33 24l7 8v6l-7-5z' fill='%23C58BFF'/%3E%3Cpath d='M24 4c8 5 11 14 9 26H15C13 18 16 9 24 4z' fill='%23fff'/%3E%3Ccircle cx='24' cy='18' r='4' fill='%2360008C'/%3E%3C/svg%3E"); }
.gugu-t-contact  .mega-menu-list > li > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48' fill='none'%3E%3Cpath d='M8 10h32a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H22l-9 8v-8H8a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4z' fill='%23fff'/%3E%3Ccircle cx='16' cy='22' r='2.5' fill='%2360008C'/%3E%3Ccircle cx='24' cy='22' r='2.5' fill='%2360008C'/%3E%3Ccircle cx='32' cy='22' r='2.5' fill='%2360008C'/%3E%3C/svg%3E"); }

@media (max-width: 767px) { :root { --gugu-ic: 1.25em; } }

/* -------------------------------------------------------------
   1. DESIGN TOKENS & TYPOGRAPHY
------------------------------------------------------------- */
:root {
    --gugu-purple: #60008C;
    --gugu-dark: #47006B;
    --gugu-soft: #F7F0FA;
    --gugu-border: #e8dfea;
    --gugu-text: #27202b;
    --gugu-muted: #8c8591;
    --gugu-placeholder: #b5afb8;
    --gugu-danger: #e53935;
    --gugu-shadow: rgba(96, 0, 140, 0.16);
    --gugu-shadow-hover: rgba(96, 0, 140, 0.26);
    /* تنها اصلاح صورت‌گرفته: استک استاندارد و معتبر وزیر */
    --gugu-font: vazir, Vazirmatn, "Vazir", Tahoma, sans-serif;
}

/* -------------------------------------------------------------
   2. SEARCH & HEADER PROTECTION (عدم دستکاری سرچ هدر)
------------------------------------------------------------- */
.searchform button,
.searchform button[type="submit"],
.searchsubmit,
.wd-search-form button,
.wd-header-search-form button,
.woodmart-search-form button,
.wd-search-full-screen button {
    background: transparent !important;
    background-image: none !important;
    min-height: unset !important;
    height: 100% !important;
    padding: 0 14px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    color: inherit !important;
    white-space: normal !important;
}

/* -------------------------------------------------------------
   3. GLOBAL BUTTONS ENGINE
------------------------------------------------------------- */
.woocommerce button.button:not(.minus):not(.plus):not(.searchsubmit),
.woocommerce a.button:not(.minus):not(.plus),
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.single_add_to_cart_button,
.wd-add-btn-replace a.button,
.woocommerce-checkout #place_order,
form.checkout_coupon button.button,
.farazsms-embedded-login .farazsms-submit {
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    
    background: linear-gradient(135deg, var(--gugu-purple) 0%, var(--gugu-dark) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    
    border: none !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    
    box-shadow: 0 4px 14px var(--gugu-shadow) !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
}

.woocommerce button.button:not(.minus):not(.plus):not(.searchsubmit):hover,
.woocommerce a.button:not(.minus):not(.plus):hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.single_add_to_cart_button:hover,
.wd-add-btn-replace a.button:hover,
.woocommerce-checkout #place_order:hover,
form.checkout_coupon button.button:hover,
.farazsms-embedded-login .farazsms-submit:hover {
    background: linear-gradient(135deg, var(--gugu-dark) 0%, #350050 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 20px var(--gugu-shadow-hover) !important;
}

.single_add_to_cart_button {
    min-height: 48px !important;
    font-size: 15px !important;
}

/* -------------------------------------------------------------
   4. PRODUCT CARDS ENGINE
------------------------------------------------------------- */
.wd-product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.wd-product .wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex-grow: 1 !important;
    border-radius: 16px !important;
    border: 1px solid #f0ebf4 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.wd-product:hover .wd-product-wrapper {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(96, 0, 140, 0.08) !important;
    border-color: #e2d5e8 !important;
}

.wd-product .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 14px 14px 16px !important;
    background: #ffffff !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.wd-product .wd-product-cats {
    height: 18px !important;
    line-height: 18px !important;
    margin-bottom: 6px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.wd-product .wd-product-cats a {
    color: #8c8594 !important;
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
}

.wd-product .wd-entities-title {
    height: 42px !important;
    line-height: 21px !important;
    margin: 0 0 10px !important;
    font-size: 13.5px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.wd-product .wd-entities-title a {
    color: #27222b !important;
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.wd-product:hover .wd-entities-title a {
    color: var(--gugu-purple) !important;
}

.wd-product .wrap-price {
    margin-top: auto !important;
    margin-bottom: 12px !important;
}

.wd-product .wrap-price .price {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.wd-product .wrap-price .amount {
    white-space: nowrap !important;
}

.wd-product .wrap-price del {
    color: #9f97a5 !important;
    font-size: 11.5px !important;
}

.wd-product .wrap-price ins {
    color: #27222b !important;
    font-size: 14.5px !important;
    text-decoration: none !important;
}

.wd-product .woocommerce-Price-currencySymbol {
    font-size: 11px !important;
    color: #8c8594 !important;
    margin-right: 2px !important;
}

/* -------------------------------------------------------------
   5. UNIFIED QUANTITY CONTROLLER (کپسول تعداد)
------------------------------------------------------------- */
.quantity,
form.cart .quantity,
.shop_table .quantity,
.wd-checkout-prod .quantity,
.wc-block-components-quantity-selector {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    direction: rtl !important;
    position: relative !important;
    height: 36px !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid var(--gugu-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(96, 0, 140, 0.04) !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}

form.cart .quantity {
    height: 46px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    border-radius: 12px !important;
}

.quantity button.minus,
.quantity button.plus,
form.cart .quantity .minus,
form.cart .quantity .plus,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    font-family: var(--gugu-font) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    background: #fcfbfe !important;
    color: var(--gugu-purple) !important;
    font-size: 16px !important;
    line-height: 0 !important;
    text-align: center !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: background-color 0.18s ease, color 0.18s ease !important;
}

.quantity button.minus::before,
.quantity button.minus::after,
.quantity button.plus::before,
.quantity button.plus::after {
    display: none !important;
    content: none !important;
}

.quantity button.minus:hover,
.quantity button.plus:hover,
form.cart .quantity .minus:hover,
form.cart .quantity .plus:hover,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
    background: var(--gugu-soft) !important;
    color: var(--gugu-dark) !important;
}

.quantity button.plus,
form.cart .quantity .plus,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus {
    order: 1 !important;
    border-left: 1px solid var(--gugu-border) !important;
    border-right: none !important;
}

.quantity input.qty,
form.cart .quantity .qty,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
    order: 2 !important;
    font-family: var(--gugu-font) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 48px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: var(--gugu-text) !important;
    -webkit-text-fill-color: var(--gugu-text) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: center !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}

form.cart .quantity input.qty {
    font-size: 16px !important;
}

.quantity button.minus,
form.cart .quantity .minus,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus {
    order: 3 !important;
    border-right: 1px solid var(--gugu-border) !important;
    border-left: none !important;
}

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button,
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* -------------------------------------------------------------
   6. CHECKOUT & COUPON COMPONENT
------------------------------------------------------------- */
.woocommerce-checkout .woocommerce-shipping-fields {
    display: none !important;
}

.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder,
form.checkout_coupon input::placeholder {
    color: var(--gugu-placeholder) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--gugu-placeholder) !important;
}

.woocommerce-checkout label .optional {
    color: var(--gugu-placeholder) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.woocommerce-form-coupon-toggle {
    margin: 0 0 18px 0 !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: linear-gradient(135deg, #faf5fc 0%, #ffffff 100%) !important;
    border: 1px solid #ebd9f2 !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    color: var(--gugu-text) !important;
    font-size: 13.5px !important;
    box-shadow: 0 2px 10px rgba(96, 0, 140, 0.03) !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 11v2'/%3E%3Cpath d='M13 17v2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    background: #ffffff !important;
    color: var(--gugu-purple) !important;
    border: 1.5px solid var(--gugu-purple) !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(96, 0, 140, 0.08) !important;
    transition: all .22s ease !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover {
    background: var(--gugu-purple) !important;
    color: #ffffff !important;
    transform: translateY(-1.5px) !important;
}

form.checkout_coupon {
    background: #ffffff !important;
    border: 1px solid #ebd9f2 !important;
    border-radius: 16px !important;
    padding: 20px 22px !important;
    margin: 0 0 24px 0 !important;
    box-shadow: 0 8px 24px -4px rgba(96, 0, 140, 0.06) !important;
}

form.checkout_coupon::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

form.checkout_coupon p:first-of-type {
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    font-size: 13px !important;
    color: var(--gugu-muted) !important;
}

form.checkout_coupon .form-row-first {
    float: right !important;
    width: calc(100% - 138px) !important;
    margin: 0 !important;
    padding: 0 !important;
}

form.checkout_coupon .form-row-last {
    float: left !important;
    width: 126px !important;
    margin: 0 !important;
    padding: 0 !important;
}

form.checkout_coupon input.input-text {
    width: 100% !important;
    height: 48px !important;
    border: 1.5px solid #ebdcf0 !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    background: #fbf9fc !important;
    text-align: right !important;
    font-size: 14px !important;
    color: var(--gugu-text) !important;
    transition: all .2s ease !important;
}

form.checkout_coupon input.input-text:focus {
    border-color: var(--gugu-purple) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3.5px rgba(96, 0, 140, 0.09) !important;
    outline: none !important;
}

.woocommerce-checkout .customer-details,
.woocommerce-checkout .checkout-order-review {
    border-radius: 18px;
}

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #order_review_heading {
    margin: 0 0 24px !important;
    padding: 0 0 14px !important;
    color: var(--gugu-dark);
    font-size: 20px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--gugu-border);
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_phone_field {
    grid-column: 1 / -1;
}

.woocommerce-checkout .woocommerce-billing-fields label {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--gugu-text);
    font-size: 13.5px !important;
    font-weight: 600 !important;
}

.woocommerce-checkout .woocommerce-billing-fields label .required {
    color: var(--gugu-purple) !important;
}

.woocommerce-checkout .woocommerce-billing-fields input.input-text,
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-billing-fields .select2-container .select2-selection--single {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid var(--gugu-border) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--gugu-text) !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.woocommerce-checkout .woocommerce-billing-fields .select2-container .select2-selection--single {
    display: flex !important;
    align-items: center !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding: 0 !important;
    color: var(--gugu-text) !important;
}

.woocommerce-checkout .woocommerce-billing-fields input.input-text:focus,
.woocommerce-checkout .woocommerce-billing-fields select:focus,
.woocommerce-checkout .woocommerce-billing-fields .select2-container--open .select2-selection--single {
    border-color: var(--gugu-purple) !important;
    box-shadow: 0 0 0 3px rgba(96, 0, 140, .08) !important;
    outline: none !important;
}

.woocommerce-checkout .checkout-order-review {
    padding: 24px !important;
    border: 1px solid var(--gugu-border);
    border-radius: 18px;
    background: #fff;
}

.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table {
    border: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.woocommerce-checkout .shop_table .cart_item {
    border-bottom: 1px solid #f2ecf4;
}

.woocommerce-checkout .wd-checkout-prod {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 0 !important;
}

.woocommerce-checkout .wd-checkout-remove-btn-wrapp {
    margin-inline-end: 2px;
}

.woocommerce-checkout .wd-checkout-remove-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #bbb !important;
    transition: color .2s ease;
}

.woocommerce-checkout .wd-checkout-remove-btn:hover {
    color: var(--gugu-danger) !important;
}

.woocommerce-checkout .wd-checkout-prod-img {
    flex-shrink: 0;
}

.woocommerce-checkout .wd-checkout-prod-img img {
    width: 60px !important;
    height: 75px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid var(--gugu-border) !important;
}

.woocommerce-checkout .wd-checkout-prod-cont {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.woocommerce-checkout .wd-checkout-prod-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
}

.woocommerce-checkout .wd-checkout-prod-title a {
    color: var(--gugu-text) !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}

.woocommerce-checkout .wd-checkout-prod .quantity {
    margin-top: 6px !important;
}

.woocommerce-checkout .wd-checkout-prod-total {
    color: var(--gugu-dark) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.woocommerce-checkout .shop_table .cart-subtotal,
.woocommerce-checkout .shop_table .woocommerce-shipping-totals,
.woocommerce-checkout .shop_table .order-total {
    border-color: #f2ecf4 !important;
}

.woocommerce-checkout .shop_table .order-total th,
.woocommerce-checkout .shop_table .order-total td {
    padding-top: 18px !important;
    font-size: 16px !important;
}

.woocommerce-checkout .shop_table .order-total strong {
    color: var(--gugu-dark) !important;
    font-size: 18px !important;
}

.woocommerce-checkout #payment {
    margin-top: 20px !important;
    padding: 18px !important;
    border: 1px solid var(--gugu-border);
    border-radius: 14px;
    background: var(--gugu-soft) !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important;
    border: 0 !important;
}

.woocommerce-checkout #payment .payment_box {
    margin-top: 12px !important;
    padding: 13px 15px !important;
    border-radius: 10px;
    background: #fff !important;
    color: var(--gugu-muted);
}

.woocommerce-checkout .woocommerce-additional-fields {
    margin-top: 20px !important;
}

.woocommerce-checkout .woocommerce-additional-fields textarea {
    border-radius: 11px !important;
}

/* -------------------------------------------------------------
   7. LUXURY MINI-CART SIDEBAR
------------------------------------------------------------- */
.cart-widget-side {
    box-shadow: -10px 0 35px rgba(96, 0, 140, 0.08) !important;
    background: #ffffff !important;
}

.cart-widget-side .wd-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--gugu-border) !important;
}

.cart-widget-side .wd-heading .title {
    font-family: var(--gugu-font) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--gugu-dark) !important;
}

.cart-widget-side .cart-item-link.wd-fill {
    font-size: 0 !important;
    z-index: 1 !important;
}

.cart-widget-side .cart_list.product_list_widget {
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.cart-widget-side .woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px !important;
    background: #ffffff !important;
    border: 1px solid #f2edf4 !important;
    border-radius: 14px !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(96, 0, 140, 0.02) !important;
    transition: all 0.22s ease !important;
}

.cart-widget-side .woocommerce-mini-cart-item:hover {
    border-color: #ebdcf0 !important;
    box-shadow: 0 4px 14px rgba(96, 0, 140, 0.06) !important;
    transform: translateY(-1px) !important;
}

.cart-widget-side .cart-item-image {
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.cart-widget-side .cart-item-image img {
    width: 60px !important;
    height: 78px !important;
    object-fit: cover !important;
    border-radius: 9px !important;
    border: 1px solid var(--gugu-border) !important;
}

.cart-widget-side .cart-info {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    text-align: right !important;
    position: relative !important;
    z-index: 2 !important;
}

.cart-widget-side .cart-info .wd-entities-title {
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    color: var(--gugu-text) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.cart-widget-side .cart-info span.quantity {
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.cart-widget-side .cart-info .quantity .amount {
    display: inline-block !important;
    color: var(--gugu-dark) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

.cart-widget-side .woocommerce-mini-cart-item a.remove::before,
.cart-widget-side .woocommerce-mini-cart-item a.remove::after {
    display: none !important;
    content: none !important;
}

.cart-widget-side .woocommerce-mini-cart-item a.remove {
    position: relative !important;
    z-index: 3 !important;
    order: 3 !important;
    margin-right: auto !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #faf6fc !important;
    color: #a49da8 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    border: 1px solid #ebdcf0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cart-widget-side .woocommerce-mini-cart-item a.remove:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: var(--gugu-danger) !important;
}

.cart-widget-side .shopping-cart-widget-footer {
    padding: 16px 18px 20px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--gugu-border) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.03) !important;
}

.cart-widget-side .woocommerce-mini-cart__total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 14px 0 !important;
    padding: 12px 16px !important;
    background: linear-gradient(135deg, var(--gugu-soft) 0%, #ffffff 100%) !important;
    border: 1px dashed var(--gugu-purple) !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
}

.cart-widget-side .woocommerce-mini-cart__total strong {
    color: var(--gugu-text) !important;
}

.cart-widget-side .woocommerce-mini-cart__total .amount {
    color: var(--gugu-dark) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.button {
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.22s ease !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.btn-cart {
    background: #ffffff !important;
    color: var(--gugu-purple) !important;
    -webkit-text-fill-color: var(--gugu-purple) !important;
    border: 1.5px solid var(--gugu-purple) !important;
    box-shadow: 0 2px 8px rgba(96, 0, 140, 0.05) !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.btn-cart:hover {
    background: var(--gugu-soft) !important;
    color: var(--gugu-dark) !important;
    -webkit-text-fill-color: var(--gugu-dark) !important;
    border-color: var(--gugu-dark) !important;
    transform: translateY(-1.5px) !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.checkout {
    background: linear-gradient(135deg, var(--gugu-purple) 0%, var(--gugu-dark) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 14px var(--gugu-shadow) !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a.checkout:hover {
    background: linear-gradient(135deg, var(--gugu-dark) 0%, #350050 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px var(--gugu-shadow-hover) !important;
    transform: translateY(-1.5px) !important;
}

/* -------------------------------------------------------------
   8. FARAZSMS OTP, DEAD-CENTER ROTATING LOADER & PURE SMS
------------------------------------------------------------- */
.woocommerce-account .main-page-wrapper,
.woocommerce-account .site-content,
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: calc(100vh - 200px) !important;
    margin: 0 auto !important;
}

.farazsms-inline-login-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: auto !important;
    padding: 30px 15px !important;
    box-sizing: border-box !important;
}

.login-register-page.farazsms-embedded-login {
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 auto !important;
    float: none !important;
    background: #ffffff !important;
    border: 1px solid var(--gugu-border) !important;
    border-radius: 20px !important;
    padding: 34px 26px !important;
    box-shadow: 0 10px 30px rgba(96, 0, 140, 0.05) !important;
    text-align: center !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.farazsms-embedded-login form,
.farazsms-embedded-login form#submit-identifier,
.farazsms-embedded-login form#submit-register {
    position: relative !important;
    width: 100% !important;
}

.farazsms-embedded-login .logo,
.farazsms-footer-text {
    display: none !important;
}

.farazsms-embedded-login a[href*="password"],
.farazsms-embedded-login a[href*="lost-password"],
.farazsms-embedded-login [class*="password"],
.farazsms-embedded-login [id*="password"],
.farazsms-embedded-login input[type="password"],
.farazsms-embedded-login form#submit-password,
.farazsms-embedded-login form#submit-login-password,
.farazsms-embedded-login .farazsms-toggle-password,
.farazsms-embedded-login .farazsms-login-with-password,
.farazsms-embedded-login .farazsms-password-login,
.farazsms-embedded-login .farazsms-forgot-password,
.farazsms-embedded-login .farazsms-lost-password,
.farazsms-embedded-login .lost_password,
.woocommerce-account .lost_password,
.woocommerce-form-login .lost_password,
.woocommerce-ResetPassword,
p.lost_password {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.farazsms-main-login-form div[aria-hidden="true"],
.farazsms-main-login-form input[name="farazsms_hp"],
.farazsms-embedded-login div[style*="left:-9999px"],
.farazsms-embedded-login div[style*="left: -9999px"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.farazsms-back {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: var(--gugu-soft) !important;
    border: 1px solid #ebdcf0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--gugu-purple) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    z-index: 10 !important;
}

.farazsms-back:hover {
    background: var(--gugu-purple) !important;
    color: #ffffff !important;
    transform: translateX(2px) !important;
}

.farazsms-back svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
}

.farazsms-form-title {
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: var(--gugu-dark) !important;
    margin: 0 0 10px 0 !important;
    padding: 0 38px !important;
}

.farazsms-form-subtitle {
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    font-size: 13px !important;
    color: var(--gugu-muted) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
}

#submit-identifier #identifier,
#submit-register input[name="full_name"] {
    font-family: var(--gugu-font) !important;
    letter-spacing: normal !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border: 1.5px solid var(--gugu-border) !important;
    border-radius: 12px !important;
    background: #faf8fb !important;
    color: var(--gugu-text) !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

#submit-identifier #identifier {
    text-align: center !important;
    direction: ltr !important;
    font-size: 16px !important;
}

#submit-register input[name="full_name"] {
    text-align: right !important;
}

#submit-identifier #identifier:focus,
#submit-register input[name="full_name"]:focus {
    background: #ffffff !important;
    border-color: var(--gugu-purple) !important;
    box-shadow: 0 0 0 3px rgba(96, 0, 140, 0.08) !important;
    outline: none !important;
}

.farazsms-otp-inputs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    direction: ltr !important;
    margin: 16px 0 !important;
    width: 100% !important;
}

.farazsms-otp-inputs .otp-digit {
    font-family: var(--gugu-font) !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 46px !important;
    height: 52px !important;
    background: #faf8fb !important;
    border: 1.5px solid var(--gugu-border) !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--gugu-purple) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.farazsms-otp-inputs .otp-digit:focus {
    background: #ffffff !important;
    border-color: var(--gugu-purple) !important;
    box-shadow: 0 0 0 3px rgba(96, 0, 140, 0.1) !important;
    outline: none !important;
    transform: translateY(-2px) !important;
}

.farazsms-countdown-timer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 10px 0 18px 0 !important;
    font-size: 13px !important;
    color: var(--gugu-muted) !important;
    direction: rtl !important;
}

#farazsms-timer {
    font-family: var(--gugu-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--gugu-purple) !important;
    direction: ltr !important;
}

/* =============================================================
   انیمیشن لودینگ چرخشی و مرکزیت صددرصد لودینگ (Dead-Center)
============================================================= */
@-webkit-keyframes guguSpinActive {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes guguSpinActive {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.farazsms-embedded-login [style*="display: none"],
.farazsms-embedded-login [style*="display:none"],
.farazsms-embedded-login [style*="visibility: hidden"],
.farazsms-embedded-login [hidden],
.farazsms-embedded-login .hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

.farazsms-embedded-login form .farazsms-submit ~ :not(input):not(p):not([aria-hidden]):not(.farazsms-countdown-timer) *,
.farazsms-loader *,
.farazsms-loading * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}

.farazsms-embedded-login form .farazsms-submit ~ :not(input):not(p):not([aria-hidden]):not(.farazsms-countdown-timer):not([style*="display: none"]):not([style*="display:none"]),
.farazsms-loader:not([style*="display: none"]):not([style*="display:none"]),
.farazsms-loading:not([style*="display: none"]):not([style*="display:none"]),
#farazsms-loader:not([style*="display: none"]):not([style*="display:none"]),
.farazsms-loading-wrapper:not([style*="display: none"]):not([style*="display:none"]) {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 99999 !important;
    border-radius: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background-image: none !important;
    direction: ltr !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.farazsms-embedded-login form .farazsms-submit ~ :not(input):not(p):not([aria-hidden]):not(.farazsms-countdown-timer):not([style*="display: none"]):not([style*="display:none"])::after,
.farazsms-loader:not([style*="display: none"]):not([style*="display:none"])::after,
.farazsms-loading:not([style*="display: none"]):not([style*="display:none"])::after,
#farazsms-loader:not([style*="display: none"]):not([style*="display:none"])::after,
.farazsms-loading-wrapper:not([style*="display: none"]):not([style*="display:none"])::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border: 3.5px solid var(--gugu-soft) !important;
    border-top: 3.5px solid var(--gugu-purple) !important;
    border-right: 3.5px solid var(--gugu-purple) !important;
    border-radius: 50% !important;
    -webkit-animation: guguSpinActive 0.75s linear infinite !important;
    animation: guguSpinActive 0.75s linear infinite !important;
    box-shadow: 0 0 16px rgba(96, 0, 140, 0.15) !important;
    box-sizing: border-box !important;
    float: none !important;
    z-index: 100000 !important;
}

/* -------------------------------------------------------------
   9. MOBILE RESPONSIVENESS
------------------------------------------------------------- */
@media (max-width: 767px) {
    .farazsms-inline-login-wrapper {
        min-height: 45vh !important;
    }

    .wd-product .product-element-bottom {
        padding: 10px 10px 12px !important;
    }

    .wd-product .wd-entities-title {
        font-size: 12.5px !important;
        height: 38px !important;
        line-height: 19px !important;
        margin-bottom: 6px !important;
    }

    .wd-product .wd-product-cats {
        height: 16px !important;
        line-height: 16px !important;
        font-size: 10.5px !important;
    }

    .wd-product .wrap-price {
        margin-top: auto !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    .wd-product .wrap-price .price {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1px !important;
        width: 100% !important;
    }

    .wd-product .wrap-price del {
        order: 1 !important;
        font-size: 11px !important;
    }

    .wd-product .wrap-price ins {
        order: 2 !important;
        font-size: 13.5px !important;
    }

    .wd-product .wd-add-btn-replace a.button {
        min-height: 34px !important;
        height: 34px !important;
        padding: 0 12px !important;
        font-size: 11.5px !important;
        border-radius: 9px !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .woocommerce-checkout .checkout-order-review {
        padding: 16px !important;
    }

    .woocommerce-checkout .wd-checkout-prod-cont {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .woocommerce-checkout .wd-checkout-prod-total {
        align-self: flex-end;
    }
}

@media (max-width: 440px) {
    .login-register-page.farazsms-embedded-login {
        padding: 26px 16px !important;
    }
    
    .farazsms-otp-inputs .otp-digit {
        width: 38px !important;
        min-width: 38px !important;
        height: 46px !important;
        font-size: 18px !important;
    }
}

/* ==========================================================
   GUGULIBOOK - MY ACCOUNT COMPLETE SUITE (FIXED & REFINED)
========================================================== */

/* ==========================================================
   اعمال مستقیم فونت vazir روی تمام بخش‌های حساب کاربری
========================================================== */
.woocommerce-account,
.woocommerce-account *,
.wd-my-account-wrapper,
.wd-my-account-wrapper *,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation *,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content *,
.woocommerce-EditAccountForm,
.woocommerce-EditAccountForm input,
.woocommerce-EditAccountForm button,
.woocommerce-EditAccountForm label,
.woocommerce-EditAccountForm select,
.woocommerce-EditAccountForm textarea,
.woocommerce-order-details,
.woocommerce-order-details *,
.woocommerce-customer-details,
.woocommerce-customer-details * {
    font-family: vazir, Vazir !important;
    letter-spacing: normal !important;
}

/* ۲. قفل قطعی عرض ۱۴۰۰ پیکسل در تمام زیربرگه‌ها (پیشخوان، سفارش‌ها، ویرایش حساب) */
.woocommerce-account .main-page-wrapper,
.woocommerce-account .container,
.woocommerce-account .site-content,
.woocommerce-account .entry-content,
.woocommerce-account .elementor-11,
.woocommerce-account .e-con-boxed,
.woocommerce-account .e-con-boxed > .e-con-inner,
.woocommerce-account .wd-my-account-wrapper {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.woocommerce-account .wd-my-account-wrapper {
    margin: 30px auto 60px !important;
    direction: rtl !important;
    gap: 32px !important;
}

/* ==========================================================
   ۳. سایدبار ناوبری (جایگزینی نقطه زرد با آیکون باکلاس)
========================================================== */
.woocommerce-account .wd-my-account-sidebar {
    background: #ffffff !important;
    border: 1px solid #ede4f5 !important;
    border-radius: 28px !important;
    padding: 26px 20px !important;
    box-shadow: 0 10px 30px rgba(96, 0, 140, 0.04) !important;
    height: fit-content !important;
}

/* عنوان سایدبار: حذف دایره زرد و قرار دادن بج وکتوری کاربر */
.woocommerce-account .woocommerce-MyAccount-title.entry-title {
    font-size: 17px !important;
    color: #1a0529 !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f3e8ff !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* آیکون شیک پروفایل به جای نقطه زرد */
.woocommerce-account .woocommerce-MyAccount-title.entry-title::before {
    content: "" !important;
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    background-color: #f4e8fa !important;
    border: 1px solid #e9d5ff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
}

/* حذف شکست‌خط‌های ناخواسته در منوی سایدبار */
.wd-my-account-wrapper .woocommerce-MyAccount-navigation a br {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    color: #554466 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: #fdfaff !important;
    border: 1px solid transparent !important;
    transition: all 0.22s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
    background: #f4e8fa !important;
    color: #60008c !important;
    border-color: #e9d5ff !important;
    transform: translateX(-4px) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    background: linear-gradient(135deg, #60008c 0%, #47006b 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(96, 0, 140, 0.25) !important;
    transform: translateX(-4px) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a::before {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================================
   ۴. بنر و کارت‌های پیشخوان اصلی (Dashboard)
========================================================== */
/* خنثی‌سازی کلاس text-left المنتور و تنظیم جهت راست به چپ */
.woocommerce-account .elementor-widget-text-editor,
.woocommerce-account .woocommerce-MyAccount-content {
    direction: rtl !important;
    text-align: right !important;
}

/* بنر خوش‌آمدگویی (پاراگراف اول) */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    direction: rtl !important;
    text-align: right !important;
    background: radial-gradient(120% 120% at 90% 10%, #2e044d 0%, #150024 100%) !important;
    border: 1px solid rgba(168, 85, 247, 0.25) !important;
    border-radius: 24px !important;
    padding: 28px 30px !important;
    color: #eeddf8 !important;
    font-size: 15.5px !important;
    line-height: 1.85 !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35) !important;
    margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type strong {
    color: #facc15 !important;
    font-size: 17px !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type a {
    color: #fca5a5 !important;
    text-decoration: none !important;
    margin-right: 4px !important;
    display: inline-block !important;
}

/* باکس راهنما و لینک‌های دسترسی (پاراگراف دوم) */
.woocommerce-account .woocommerce-MyAccount-content > p:nth-of-type(2) {
    direction: rtl !important;
    text-align: right !important;
    background: #ffffff !important;
    border: 1px solid #ede4f5 !important;
    border-radius: 20px !important;
    padding: 22px 26px !important;
    color: #554466 !important;
    font-size: 13.5px !important;
    line-height: 2.1 !important;
    box-shadow: 0 6px 20px rgba(96, 0, 140, 0.03) !important;
    margin-bottom: 22px !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:nth-of-type(2) a {
    color: #60008c !important;
    border-bottom: 1.5px dashed #c084fc !important;
    padding-bottom: 2px !important;
}

/* کارت‌های ۳ گانه کوچک و جمع‌وجور */
.woocommerce-account .wd-my-account-links.wd-nav-my-acc {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 175px)) !important;
    justify-content: start !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    list-style: none !important;
}

.woocommerce-account .wd-my-account-links li {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .wd-my-account-links li a {
    background: #ffffff !important;
    border: 1px solid #ede4f5 !important;
    border-radius: 20px !important;
    padding: 16px 12px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(96, 0, 140, 0.03) !important;
    transition: all 0.24s ease !important;
}

.woocommerce-account .wd-my-account-links li a:hover {
    transform: translateY(-4px) !important;
    border-color: #d8b4fe !important;
    box-shadow: 0 12px 28px rgba(96, 0, 140, 0.09) !important;
}

.woocommerce-account .wd-my-account-links .nav-link-text {
    font-size: 13.5px !important;
    color: #1a0529 !important;
}

.woocommerce-account .wd-my-account-links .wd-nav-icon::before,
.woocommerce-account .wd-my-account-links .wd-nav-icon::after {
    display: none !important;
    content: none !important;
}

.woocommerce-account .wd-my-account-links .wd-nav-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    margin: 0 !important;
}


.woocommerce-account .wd-my-acc-orders .wd-nav-icon {
    background-color: #fef9c3 !important;
    border: 1px solid #fef08a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B45309' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .wd-my-acc-edit-account .wd-nav-icon {
    background-color: #f4e8fa !important;
    border: 1px solid #e9d5ff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .wd-my-acc-customer-logout .wd-nav-icon {
    background-color: #fee2e2 !important;
    border: 1px solid #fecaca !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") !important;
}

/* ==========================================================
   ۵. بازطراحی کامل فرم جزئیات حساب کاربری (Edit Account)
========================================================== */
.woocommerce-account form.woocommerce-EditAccountForm {
    background: #ffffff !important;
    border: 1px solid #ede4f5 !important;
    border-radius: 28px !important;
    padding: 38px 34px !important;
    box-shadow: 0 10px 30px rgba(96, 0, 140, 0.04) !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 18px !important;
}

/* خنثی‌سازی کامل تگ‌های br اضافه که المنتور تزریق کرده */
.woocommerce-account form.woocommerce-EditAccountForm br {
    display: none !important;
}

.woocommerce-account form.woocommerce-EditAccountForm .clear {
    display: none !important;
}

/* فیلدهای نام و نام‌خانوادگی در دو ستون متقارن */
.woocommerce-account form.woocommerce-EditAccountForm .form-row-first {
    grid-column: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

.woocommerce-account form.woocommerce-EditAccountForm .form-row-last {
    grid-column: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* فیلدهای تمام‌عرض (نام نمایشی، ایمیل، فیلدست گذرواژه و دکمه) */
.woocommerce-account form.woocommerce-EditAccountForm .form-row-wide,
.woocommerce-account form.woocommerce-EditAccountForm fieldset,
.woocommerce-account form.woocommerce-EditAccountForm > p:last-of-type {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
}

/* برچسب‌های فیلدها */
.woocommerce-account form.woocommerce-EditAccountForm label {
    display: block !important;
    font-size: 13.5px !important;
    color: #1a0529 !important;
    margin: 0 0 8px 0 !important;
}

.woocommerce-account form.woocommerce-EditAccountForm label .required {
    color: #60008c !important;
    margin-right: 3px !important;
}

/* اینپوت‌های مدرن و شیک */
.woocommerce-account form.woocommerce-EditAccountForm input.input-text {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border: 1.5px solid #ede4f5 !important;
    border-radius: 13px !important;
    background: #faf8fc !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #27202b !important;
    transition: all 0.22s ease !important;
}

.woocommerce-account form.woocommerce-EditAccountForm input.input-text:focus {
    border-color: #60008c !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3.5px rgba(96, 0, 140, 0.08) !important;
    outline: none !important;
}

/* توضیحات نام نمایشی */
#account_display_name_description {
    display: block !important;
    font-size: 12px !important;
    color: #79688d !important;
    margin-top: 6px !important;
    line-height: 1.6 !important;
}

#account_display_name_description em {
    font-style: normal !important;
}

/* فیلدست تغییر گذرواژه (کارت داخلی شیک با آیکون قفل) */
.woocommerce-account form.woocommerce-EditAccountForm fieldset {
    background: #fdfaff !important;
    border: 1px solid #ebdcf0 !important;
    border-radius: 22px !important;
    padding: 24px 22px 14px !important;
    margin: 10px 0 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.woocommerce-account form.woocommerce-EditAccountForm fieldset legend {
    font-size: 14.5px !important;    color: #60008c !important;
    padding: 4px 16px !important;
    background: #ffffff !important;
    border-radius: 50px !important;
    border: 1px solid #ebdcf0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 2px 8px rgba(96, 0, 140, 0.04) !important;
}

.woocommerce-account form.woocommerce-EditAccountForm fieldset legend::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360008C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.woocommerce-account form.woocommerce-EditAccountForm fieldset .form-row {
    margin: 0 !important;
}

/* استایل آیکون چشم نمایش رمز عبور */
.password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.password-input input {
    padding-left: 44px !important;
}

.password-input .show-password-input {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px !important;
    color: #8c8591 !important;
    z-index: 2 !important;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.password-input .show-password-input:hover {
    opacity: 1;
}

/* دکمه ذخیره تغییرات */
.woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"] {
    background: linear-gradient(135deg, #60008c 0%, #47006b 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 13px 34px !important;
    font-size: 14.5px !important;
    box-shadow: 0 8px 22px rgba(96, 0, 140, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.24s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 6px !important;
}

.woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"]:hover {
    background: linear-gradient(135deg, #47006b 0%, #350050 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(96, 0, 140, 0.35) !important;
}

/* ==========================================================
   ۶. واکنش‌گرایی موبایل و تبلت
========================================================== */
@media (max-width: 768px) {
    .woocommerce-account form.woocommerce-EditAccountForm {
        grid-template-columns: 1fr !important;
        padding: 24px 18px !important;
        gap: 16px !important;
    }

    .woocommerce-account form.woocommerce-EditAccountForm .form-row-first,
    .woocommerce-account form.woocommerce-EditAccountForm .form-row-last {
        grid-column: 1 !important;
    }

    .woocommerce-account .wd-my-account-links.wd-nav-my-acc {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }

    .woocommerce-account .wd-my-account-links li a {
        padding: 12px 6px 10px !important;
    }

    .woocommerce-account .wd-my-account-links .nav-link-text {
        font-size: 11.5px !important;
    }

    .woocommerce-account .wd-my-account-links .wd-nav-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        background-size: 18px 18px !important;
    }
}

/* ==========================================================================
   1. GUGULIBOOK PROMO CARD (.gugu-promo-card)
   ========================================================================== */
.gugu-promo-card,
.gugu-promo-card * {
  box-sizing: border-box;
  font-family: Vazir, Tahoma, sans-serif;
}

.gugu-promo-card {
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  padding: 24px 22px;
  direction: rtl !important;
  text-align: right !important;
  border-radius: 22px;
  background: linear-gradient(145deg, #35004E 0%, #60008C 60%, #47006B 100%);
  color: #fff;
  box-shadow: 0 16px 35px -10px rgba(71, 0, 107, 0.45),
              inset 0 1px 1px rgba(255, 255, 255, 0.2);
  overflow: hidden;
  isolation: isolate;
}

.gpc-glow {
  position: absolute;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(154, 38, 255, 0.45) 0%, transparent 70%);
  top: -40px;
  left: -40px;
  z-index: 0;
  pointer-events: none;
}

.gpc-topline {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  margin-bottom: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 216, 117, 0.3);
  color: #FFE49A;
  font-size: 11px;
  font-weight: 700;
}

.gpc-sparkle {
  color: #FFD875;
  font-size: 12px;
}

.gpc-heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.gpc-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #FFD875;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.gpc-title-wrap h2 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  line-height: 1.3;
}

.gpc-title-wrap h2 span {
  color: #FFD875;
}

.gpc-title-wrap p {
  margin: 0;
  font-size: 12px;
  color: #E8CFF7;
  line-height: 1.6;
}

.gpc-offer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(8px);
}

.gpc-offer-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.gpc-small-label {
  font-size: 11px;
  color: #E2C2F5;
}

.gpc-offer-copy strong {
  font-size: 22px;
  font-weight: 900;
  color: #FFD875;
  line-height: 1.2;
}

.gpc-brands {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.gpc-brands i {
  font-style: normal;
  color: #FFD875;
  margin: 0 4px;
}

.gpc-sticker {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #FF3366, #FF0044);
  border: 2px solid #fff;
  color: #fff;
  box-shadow: 0 6px 15px rgba(255, 0, 68, 0.35);
  transform: rotate(8deg);
}

.gpc-sticker small {
  font-size: 9px;
  line-height: 1;
}

.gpc-sticker b {
  font-size: 20px;
  font-weight: 900;
  color: #FFE600;
  line-height: 1.1;
}

.gpc-sticker span {
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1;
}

.gpc-timer-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}

.gpc-timer-status {
  font-size: 11px;
  font-weight: 700;
  color: #FFE49A;
}

.gpc-timer-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  direction: ltr !important;
}

.gpc-time-box {
  display: flex;
  align-items: baseline;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.gpc-time-box b {
  font-size: 14px;
  font-weight: 800;
  color: #FFD875;
  font-variant-numeric: tabular-nums;
}

.gpc-time-box small {
  font-size: 9px;
  color: #E2C2F5;
}

.gpc-timer-bar > i {
  font-style: normal;
  font-weight: 800;
  color: #FFD875;
}

.gpc-cta {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 13px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, #FFE28A 0%, #FFB800 100%);
  color: #380052 !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 8px 20px -4px rgba(255, 184, 0, 0.45);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.gpc-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -4px rgba(255, 184, 0, 0.65);
  color: #2A0040 !important;
}

.gpc-cta svg {
  transition: transform 0.25s ease;
}

.gpc-cta:hover svg {
  transform: translateX(-4px);
}

.gpc-note {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
  font-size: 11.5px;
  color: #F7F0FA;
  opacity: 0.9;
}

/* ==========================================================================
   2. GUGULIBOOK WIDE FESTIVAL BANNER (.gugu-mini-festival)
   ========================================================================== */
.gugu-mini-festival,
.gugu-mini-festival * {
  box-sizing: border-box;
  font-family: Vazir, Tahoma, sans-serif;
}

.gugu-mini-festival {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-height: 245px;
  padding: 28px 36px;
  overflow: hidden;
  direction: rtl !important;
  text-align: right !important;
  border-radius: 22px;
  background: linear-gradient(135deg, #2A0040 0%, #60008C 55%, #7C00B8 100%);
  box-shadow: 0 18px 36px -12px rgba(82, 0, 122, 0.45),
              inset 0 1px 1px rgba(255, 255, 255, 0.25);
  color: #fff;
  isolation: isolate;
}

.gugu-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(50px);
  z-index: 0;
  pointer-events: none;
}
.gugu-glow-1 {
  width: 220px;
  height: 220px;
  background: rgba(255, 216, 117, 0.2);
  top: -60px;
  right: -40px;
}
.gugu-glow-2 {
  width: 250px;
  height: 250px;
  background: rgba(195, 122, 255, 0.28);
  bottom: -90px;
  left: 5%;
}

.gugu-mini-content {
  position: relative;
  z-index: 2;
  flex: 1;
  min-width: 0;
  text-align: right;
}

.gugu-badge-wrapper {
  margin-bottom: 10px;
}

.gugu-mini-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 13px;
  border: 1px solid rgba(255, 216, 117, 0.35);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  color: #FFE49A;
  font-size: 11.5px;
  font-weight: 700;
}

.gugu-pulse {
  width: 7px;
  height: 7px;
  background: #FFD875;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 216, 117, 0.7);
  animation: guguPulse 1.8s infinite;
}

.gugu-mini-festival h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(22px, 2.8vw, 32px);
  line-height: 1.5;
  font-weight: 900;
  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

.gugu-mini-festival h2 span {
  color: #FFD875;
}

.gugu-mini-festival p {
  margin: 0 0 18px;
  color: #EBD8F5;
  font-size: 13.5px;
  line-height: 1.9;
}

.gugu-mini-festival p strong {
  color: #3B0054;
  background: #FFD875;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 800;
  margin: 0 3px;
  display: inline-block;
}

.gugu-mini-festival p b {
  color: #fff;
  font-weight: 800;
  border-bottom: 1px dashed rgba(255, 216, 117, 0.6);
}

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

.gugu-timer-label {
  font-size: 12.5px;
  font-weight: 800;
  color: #FFE49A;
  background: rgba(0, 0, 0, 0.2);
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 216, 117, 0.2);
}

.gugu-mini-timer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  direction: ltr !important;
}

.gugu-mini-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),
              inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.gugu-mini-time b {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.gugu-mini-time small {
  color: #E2C2F5;
  font-size: 9.5px;
  font-weight: 500;
  margin-top: 3px;
}

.gugu-mini-timer > i {
  color: #FFD875;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  animation: guguBlink 1s infinite;
}

.gugu-mini-art {
  position: relative;
  z-index: 1;
  flex: 0 0 220px;
  height: 195px;
  direction: rtl;
}

.gugu-mini-book {
  position: absolute;
  width: 82px;
  height: 122px;
  border-radius: 10px 5px 5px 10px;
  box-shadow: -8px 12px 22px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.book-spine {
  width: 9px;
  height: 100%;
  background: rgba(0, 0, 0, 0.18);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.book-cover {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  text-align: center;
}

.book-cover small {
  font-size: 8.5px;
  opacity: 0.85;
  margin-bottom: 3px;
}

.book-cover span {
  font-size: 12.5px;
  font-weight: 900;
}

.gugu-mini-book-a {
  top: 35px;
  right: 20px;
  background: linear-gradient(145deg, #D499FF, #7B1FA2);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  animation: guguFloatA 4s ease-in-out infinite;
}

.gugu-mini-book-b {
  top: 20px;
  right: 95px;
  background: linear-gradient(145deg, #FFF0B8, #F5B027);
  color: #4A0E66;
  border: 1px solid rgba(255, 255, 255, 0.6);
  animation: guguFloatB 4.5s ease-in-out infinite;
}

.gugu-mini-sale-badge {
  position: absolute;
  left: 5px;
  bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, #FF3366, #FF0044);
  color: #fff;
  box-shadow: 0 8px 18px rgba(255, 0, 68, 0.4);
  animation: guguBadgePop 3s ease-in-out infinite;
  z-index: 3;
}

.gugu-mini-sale-badge small {
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
}

.gugu-mini-sale-badge div {
  font-size: 13px;
  font-weight: 900;
  line-height: 1.1;
  color: #FFE600;
}

.gugu-mini-sale-badge b {
  font-size: 22px;
}

.gugu-mini-sale-badge span {
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1;
}

.gugu-mini-spark {
  position: absolute;
  color: #FFD875;
  animation: guguSparkle 2.5s infinite ease-in-out;
}
.spark-1 { top: 5px; left: 25px; font-size: 26px; }
.spark-2 { top: 40px; right: 5px; font-size: 15px; color: #E2A9FF; animation-delay: 0.8s; }
.spark-3 { bottom: 18px; right: 82px; font-size: 17px; animation-delay: 1.4s; }

@keyframes guguPulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 216, 117, 0.7); }
  70% { box-shadow: 0 0 0 8px rgba(255, 216, 117, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 216, 117, 0); }
}

@keyframes guguBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

@keyframes guguFloatA {
  0%, 100% { transform: rotate(-12deg) translateY(0); }
  50% { transform: rotate(-9deg) translateY(-7px); }
}

@keyframes guguFloatB {
  0%, 100% { transform: rotate(10deg) translateY(0); }
  50% { transform: rotate(13deg) translateY(-9px); }
}

@keyframes guguBadgePop {
  0%, 100% { transform: rotate(-10deg) scale(1); }
  50% { transform: rotate(-5deg) scale(1.06); }
}

@keyframes guguSparkle {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; }
  50% { transform: scale(0.6) rotate(25deg); opacity: 0.4; }
}

@media (max-width: 600px) {
  .gugu-mini-festival {
    min-height: 0;
    padding: 22px 18px;
    border-radius: 16px;
  }
  .gugu-mini-art {
    position: absolute;
    left: -25px;
    bottom: -10px;
    opacity: 0.17;
    pointer-events: none;
    transform: scale(0.82);
  }
  .gugu-mini-festival h2 {
    font-size: 21px;
  }
  .gugu-mini-festival p {
    font-size: 12px;
    margin-bottom: 15px;
    max-width: 280px;
  }
  .gugu-mini-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .gugu-timer-label {
    font-size: 11px;
    padding: 4px 10px;
  }
  .gugu-mini-time {
    width: 42px;
    height: 46px;
  }
  .gugu-mini-time b {
    font-size: 15px;
  }
  .gugu-mini-time small {
    font-size: 8.5px;
  }
}