.elementor-5220 .elementor-element.elementor-element-32d36c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-5220 .elementor-element.elementor-element-32d36c9:not(.elementor-motion-effects-element-type-background), .elementor-5220 .elementor-element.elementor-element-32d36c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5220 .elementor-element.elementor-element-73fa6ee{--display:flex;}.elementor-5220 .elementor-element.elementor-element-a14c048{--display:flex;}.elementor-5220 .elementor-element.elementor-element-f11fd9f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}#elementor-popup-modal-5220 .dialog-widget-content{animation-duration:1.2s;border-radius:22px 22px 22px 22px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-5220{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5220 .dialog-message{width:480px;height:auto;}#elementor-popup-modal-5220 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-5220 .elementor-element.elementor-element-32d36c9{--content-width:100%;}}/* Start custom CSS *//* =========================================================
   SARUN ACCOUNT POPUP
   ========================================================= */

.sarun-account-popup {
    width: 100%;
    max-width: 470px !important;
    padding: 16px 20px !important;
    border: 1px solid rgba(102, 0, 51, 0.12);
    border-radius: 18px !important;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(55, 13, 34, 0.18);
    box-sizing: border-box;
    overflow: visible !important;
}

/* Elementor controls the only scrollbar */
.elementor-popup-modal .dialog-widget-content {
    max-height: none !important;
    overflow: visible !important;
}

.elementor-popup-modal .dialog-message {
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.sarun-account-tabs,
.sarun-account-tabs .e-n-tabs-content,
.sarun-account-tabs .e-n-tab-content {
    max-height: none !important;
    overflow: visible !important;
}


/* =========================================================
   TAB PILLS
   ========================================================= */

.sarun-account-tabs .e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 0 11px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #f7f1f4 !important;
}

.sarun-account-tabs .e-n-tab-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #660033 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.sarun-account-tabs .e-n-tab-title[aria-selected="true"] {
    background: #660033 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(102, 0, 51, 0.18) !important;
}

.sarun-account-tabs .e-n-tabs-content,
.sarun-account-tabs .e-n-tab-content {
    padding: 0 !important;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.sarun-popup-heading {
    margin: 0 0 12px !important;
    text-align: center;
}

.sarun-popup-heading > span {
    display: block;
    margin: 0 0 4px !important;
    color: #660033;
    font-size: 9px !important;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.sarun-popup-heading h2 {
    margin: 0 0 5px !important;
    color: #660033;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px !important;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.03em;
}

.sarun-popup-heading p {
    max-width: 350px !important;
    margin: 0 auto;
    color: #64595f;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}


/* =========================================================
   WOOCOMMERCE COLUMN RESET
   ========================================================= */

.sarun-popup-login-panel .woocommerce,
.sarun-popup-register-panel .woocommerce,
.sarun-popup-login-panel .woocommerce-account,
.sarun-popup-register-panel .woocommerce-account,
.sarun-popup-login-panel .u-columns,
.sarun-popup-register-panel .u-columns {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.sarun-popup-login-panel .u-columns,
.sarun-popup-register-panel .u-columns {
    display: block !important;
}

.sarun-popup-login-panel .u-columns::before,
.sarun-popup-login-panel .u-columns::after,
.sarun-popup-register-panel .u-columns::before,
.sarun-popup-register-panel .u-columns::after {
    display: none !important;
    content: none !important;
}

.sarun-popup-login-panel .woocommerce h2,
.sarun-popup-register-panel .woocommerce h2 {
    display: none !important;
}


/* =========================================================
   SIGN IN TAB — SHOW LOGIN ONLY
   ========================================================= */

.sarun-popup-login-panel .u-column2,
.sarun-popup-login-panel .col-2 {
    display: none !important;
}

.sarun-popup-login-panel .u-column1,
.sarun-popup-login-panel .col-1 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}


/* =========================================================
   REGISTER TAB — SHOW CLIENT REGISTRATION ONLY
   ========================================================= */

.sarun-popup-register-panel .u-column1,
.sarun-popup-register-panel .col-1 {
    display: none !important;
}

.sarun-popup-register-panel .u-column2,
.sarun-popup-register-panel .col-2 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}


/* =========================================================
   FORMS
   ========================================================= */

.sarun-account-popup .woocommerce-form-login,
.sarun-account-popup .woocommerce-form-register {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.sarun-account-popup .woocommerce-form-row {
    margin: 0 0 8px !important;
}

.sarun-account-popup .woocommerce-form-row label {
    display: block !important;
    margin: 0 0 3px !important;
    color: #332b2f !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.sarun-account-popup .woocommerce-form-row .input-text {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(102, 0, 51, 0.20) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #332b2f !important;
    font-size: 12.5px !important;
    box-sizing: border-box !important;
}

.sarun-account-popup .woocommerce-form-row .input-text:focus {
    border-color: #660033 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(102, 0, 51, 0.08) !important;
}


/* =========================================================
   PASSWORD VISIBILITY EYE
   ========================================================= */

.sarun-account-popup .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.sarun-account-popup .password-input input {
    width: 100% !important;
    padding-right: 42px !important;
}

.sarun-account-popup .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 11px !important;
    left: auto !important;
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    z-index: 5 !important;
    color: transparent !important;
    font-size: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23660033' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

.sarun-account-popup .show-password-input::before,
.sarun-account-popup .show-password-input::after {
    display: none !important;
    content: none !important;
}

.sarun-account-popup .show-password-input.is-visible {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23660033' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 10.7a2 2 0 0 0 2.7 2.7'/%3E%3Cpath d='M9.9 5.2A10.8 10.8 0 0 1 12 5c6.5 0 10 7 10 7a16.6 16.6 0 0 1-2.1 3.1'/%3E%3Cpath d='M6.6 6.6C3.6 8.5 2 12 2 12s3.5 7 10 7a9.8 9.8 0 0 0 4-.8'/%3E%3C/svg%3E") !important;
}

.sarun-account-popup .show-password-input:hover,
.sarun-account-popup .show-password-input:focus,
.sarun-account-popup .show-password-input:active {
    border: 0 !important;
    outline: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   LOGIN OPTIONS
   ========================================================= */

.sarun-account-popup .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    font-size: 11.5px !important;
}

.sarun-account-popup .woocommerce-form-login__rememberme input {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
}

.sarun-account-popup .woocommerce-LostPassword {
    margin: 8px 0 0 !important;
    text-align: center !important;
}

.sarun-account-popup .woocommerce-LostPassword a {
    color: #660033 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.sarun-account-popup .woocommerce-form-login__submit,
.sarun-account-popup .woocommerce-form-register__submit {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 1px solid #660033 !important;
    border-radius: 10px !important;
    background: #660033 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.sarun-account-popup .woocommerce-form-login__submit:hover,
.sarun-account-popup .woocommerce-form-register__submit:hover {
    background: #7a003d !important;
    border-color: #7a003d !important;
    color: #ffffff !important;
}


/* =========================================================
   REGISTRATION PRIVACY TEXT
   ========================================================= */

.sarun-account-popup .woocommerce-privacy-policy-text {
    margin: 0 0 7px !important;
    color: #64595f !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
}

.sarun-account-popup .woocommerce-privacy-policy-text p {
    margin: 0 !important;
}

.sarun-account-popup .woocommerce-privacy-policy-text a {
    color: #660033 !important;
}


/* =========================================================
   HIDE MARKETKING AUTOMATIC VENDOR LINK
   ========================================================= */

.sarun-account-popup .marketking_become_vendor_link,
.sarun-account-popup .marketking_become_vendor,
.sarun-account-popup .marketking_vendor_registration_link,
.sarun-account-popup a[href*="become-a-vendor"],
.sarun-account-popup a[href*="vendor-registration"],
.sarun-account-popup a[href*="vendor-register"],
.sarun-account-popup a[href*="marketking"] {
    display: none !important;
}

.sarun-popup-register-panel .woocommerce-form-register + a,
.sarun-popup-register-panel .woocommerce-form-register + p > a,
.sarun-popup-register-panel .woocommerce-form-register ~ a {
    display: none !important;
}

.sarun-popup-register-panel [class*="marketking"][class*="register"],
.sarun-popup-register-panel [class*="marketking"][class*="vendor"],
.sarun-popup-register-panel [id*="marketking"][id*="register"],
.sarun-popup-register-panel [id*="marketking"][id*="vendor"] {
    display: none !important;
}


/* =========================================================
   PARTNER APPLICATION PROMPT
   ========================================================= */

.sarun-popup-partner-link {
    margin-top: 8px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(102, 0, 51, 0.13);
    border-radius: 12px !important;
    background: rgba(102, 0, 51, 0.025);
    text-align: left;
}

.sarun-popup-partner-link strong {
    display: block;
    margin: 0 0 2px !important;
    color: #660033;
    font-size: 12px !important;
}

.sarun-popup-partner-link p {
    margin: 0 0 4px !important;
    color: #64595f;
    font-size: 10px !important;
    line-height: 1.3 !important;
}

.sarun-popup-partner-link a {
    color: #660033 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* =========================================================
   WOOCOMMERCE ERROR MESSAGE
   ========================================================= */

.sarun-account-popup .woocommerce-error {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 10px 12px 10px 38px !important;
    border: 1px solid rgba(102, 0, 51, 0.18) !important;
    border-top: 1px solid rgba(102, 0, 51, 0.18) !important;
    border-radius: 10px !important;
    background: #fbf4f7 !important;
    color: #4c3942 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    list-style: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.sarun-account-popup .woocommerce-error::before {
    content: "!";
    position: absolute !important;
    top: 10px !important;
    left: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    background: #660033 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.sarun-account-popup .woocommerce-error::after {
    display: none !important;
    content: none !important;
}

.sarun-account-popup .woocommerce-error li {
    margin: 0 !important;
    padding: 0 !important;
}

.sarun-account-popup .woocommerce-error strong,
.sarun-account-popup .woocommerce-error a {
    color: #660033 !important;
}

.sarun-account-popup .woocommerce-error a {
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.sarun-account-popup .woocommerce-error svg,
.sarun-account-popup .woocommerce-error .wc-block-components-notice-banner__icon {
    display: none !important;
}


/* =========================================================
   AJAX LOGIN FEEDBACK
   ========================================================= */

.sarun-login-message {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 11px;
    border: 1px solid rgba(102, 0, 51, 0.16);
    border-radius: 10px;
    background: #fbf4f7;
    color: #4c3942;
    font-size: 11px;
    line-height: 1.4;
    box-sizing: border-box;
}

.sarun-login-message-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    border-radius: 50%;
    background: #660033;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.sarun-account-popup.sarun-login-nudge {
    animation: sarunLoginNudge 0.34s ease;
}

@keyframes sarunLoginNudge {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-3px); }
}

.sarun-account-popup .woocommerce-form-login__submit[disabled] {
    cursor: wait !important;
    opacity: 0.72 !important;
}

.sarun-popup-login-panel > .woocommerce-error {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .sarun-account-popup.sarun-login-nudge {
        animation: none !important;
    }
}


/* =========================================================
   REGISTER TAB — EXTRA COMPACT
   ========================================================= */

.sarun-popup-register-panel .sarun-popup-heading {
    margin-bottom: 8px !important;
}

.sarun-popup-register-panel .sarun-popup-heading > span {
    margin-bottom: 3px !important;
    font-size: 8px !important;
}

.sarun-popup-register-panel .sarun-popup-heading h2 {
    margin-bottom: 3px !important;
    font-size: 26px !important;
    line-height: 0.98 !important;
}

.sarun-popup-register-panel .sarun-popup-heading p {
    max-width: 330px !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
}

.sarun-popup-register-panel .woocommerce,
.sarun-popup-register-panel .woocommerce-form-register {
    margin-top: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 767px) {

    .sarun-account-popup {
        max-width: 100% !important;
        padding: 13px 14px !important;
        border-radius: 16px !important;
    }

    .sarun-account-tabs .e-n-tabs-heading {
        margin-bottom: 10px !important;
    }

    .sarun-account-tabs .e-n-tab-title {
        min-height: 36px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
    }

    .sarun-popup-heading {
        margin-bottom: 10px !important;
    }

    .sarun-popup-heading h2 {
        font-size: 26px !important;
    }

    .sarun-popup-heading p {
        font-size: 10.5px !important;
    }

    .sarun-account-popup .woocommerce-form-row .input-text {
        height: 37px !important;
        min-height: 37px !important;
    }

    .sarun-popup-register-panel .sarun-popup-heading h2 {
        font-size: 24px !important;
    }

    .sarun-popup-register-panel .woocommerce-privacy-policy-text {
        font-size: 9px !important;
    }

    .sarun-popup-register-panel .sarun-popup-partner-link {
        margin-top: 7px !important;
        padding: 9px 10px !important;
    }
}

/* =========================================================
   REGISTER TAB — REDUCE SPACE BEFORE PARTNER PROMPT
   ========================================================= */

.sarun-popup-register-panel .woocommerce-form-register {
    margin-bottom: 0 !important;
}

.sarun-popup-register-panel .woocommerce-form-register > p:last-child {
    margin-bottom: 0 !important;
}

.sarun-popup-register-panel .sarun-popup-partner-link {
    margin-top: 4px !important;
}

/* Remove any Elementor/container gap between the shortcode
   widget and the partner prompt widget */
.sarun-popup-register-panel {
    gap: 4px !important;
}

.sarun-popup-register-panel > .elementor-element,
.sarun-popup-register-panel > .e-con {
    margin-bottom: 0 !important;
}

/* =========================================================
   SARUN POPUP — REMOVE SCROLLBAR
   ========================================================= */

/* Remove Elementor popup scrolling */
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .dialog-widget-content {
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    max-height: none !important;
    height: auto !important;
}

/* Ensure the popup itself never scrolls */
.sarun-account-popup {
    overflow: visible !important;
    max-height: none !important;
}

/* Hide any scrollbar that may still be rendered */
.elementor-popup-modal ::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.elementor-popup-modal {
    scrollbar-width: none !important;   /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
}/* End custom CSS */