@charset 'UTF-8';@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap');._button_zy5z5_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    line-height: 1;
    border-radius: var(--radius-xl);
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    user-select: none;
}

._button_zy5z5_1:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Variants */
._button-default_zy5z5_25 {
    background: var(--color-primary);
    color: var(--color-white);
}

._button-default_zy5z5_25:hover:not(:disabled) {
    background: var(--color-primary-hover);
}

._button-destructive_zy5z5_34 {
    background: var(--color-error);
    color: var(--color-white);
}

._button-destructive_zy5z5_34:hover:not(:disabled) {
    background: var(--color-error-dark);
}

._button-outline_zy5z5_43 {
    background: transparent;
    border: 1px solid var(--border-default);
    color: var(--text-primary);
}

._button-outline_zy5z5_43:hover:not(:disabled) {
    background: var(--bg-secondary);
}

._button-secondary_zy5z5_53 {
    background: var(--color-secondary);
    color: var(--color-white);
}

._button-secondary_zy5z5_53:hover:not(:disabled) {
    background: var(--color-secondary-dark);
}

._button-ghost_zy5z5_62 {
    background: transparent;
    color: var(--text-primary);
}

._button-ghost_zy5z5_62:hover:not(:disabled) {
    background: var(--bg-secondary);
}

._button-link_zy5z5_71 {
    background: transparent;
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 4px;
}

._button-link_zy5z5_71:hover:not(:disabled) {
    text-decoration: none;
}

._button-success_zy5z5_82 {
    background: var(--color-success);
    color: var(--color-white);
}

._button-success_zy5z5_82:hover:not(:disabled) {
    background: var(--color-success-dark);
}

._button-warning_zy5z5_91 {
    background: var(--color-warning);
    color: var(--color-white);
}

._button-warning_zy5z5_91:hover:not(:disabled) {
    background: var(--color-warning-dark);
}

._button-danger_zy5z5_100 {
    background: var(--color-error);
    color: var(--color-white);
}

._button-danger_zy5z5_100:hover:not(:disabled) {
    background: var(--color-error-dark);
}

/* Sizes */
._button-xs_zy5z5_110 {
    height: 32px;
    padding: 0 var(--space-2);
    font-size: var(--text-xs);
}

._button-sm_zy5z5_116 {
    height: 36px;
    padding: 0 var(--space-3);
    font-size: var(--text-sm);
}

._button-default-size_zy5z5_122 {
    height: 40px;
    padding: 0 var(--space-4);
}

._button-lg_zy5z5_127 {
    height: 44px;
    padding: 0 var(--space-8);
    font-size: var(--text-base);
}

._button-xl_zy5z5_133 {
    height: 48px;
    padding: 0 var(--space-10);
    font-size: var(--text-base);
}

._button-icon_zy5z5_139 {
    height: 40px;
    width: 40px;
    padding: 0;
}

/* Full Width */
._button-full-width_zy5z5_146 {
    width: 100%;
}

/* Loading State */
._button-loading_zy5z5_151 {
    position: relative;
    color: transparent;
}

._button-loading_zy5z5_151::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: _spin_zy5z5_1 0.6s linear infinite;
}

/* Icon Spacing */
._button-icon-left_zy5z5_172 {
    margin-right: var(--space-2);
}

._button-icon-right_zy5z5_176 {
    margin-left: var(--space-2);
}._not-found_x9s6r_1 {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    padding: var(--space-6);
}

._not-found-content_x9s6r_10 {
    text-align: center;
    max-width: 600px;
    padding: var(--space-8);
}

._not-found-icon_x9s6r_16 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--space-6);
}

._not-found-icon_x9s6r_16 svg {
    width: 120px;
    height: 120px;
    color: var(--color-primary);
}

._not-found-title_x9s6r_29 {
    font-size: var(--text-5xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin-bottom: var(--space-4);
}

._not-found-subtitle_x9s6r_36 {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    margin-bottom: var(--space-3);
}

._not-found-description_x9s6r_43 {
    font-size: var(--text-lg);
    color: var(--text-tertiary);
    margin-bottom: var(--space-8);
    line-height: var(--leading-relaxed);
}

._not-found-actions_x9s6r_50 {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    ._not-found-icon_x9s6r_16 svg {
        width: 80px;
        height: 80px;
    }

    ._not-found-title_x9s6r_29 {
        font-size: var(--text-4xl);
    }

    ._not-found-subtitle_x9s6r_36 {
        font-size: var(--text-xl);
    }

    ._not-found-description_x9s6r_43 {
        font-size: var(--text-base);
    }

    ._not-found-actions_x9s6r_50 {
        flex-direction: column;
    }
}/* ==============================================
   HEADER & SLIDE-OUT DRAWER - MyDesignation Style
   Vibrant yellow header, hamburger menu, bold brand,
   and visual category drawer.
   ============================================== */

/* Top Announcement Bar */
._top-announcement_1mfmq_8 {
    background-color: #111111;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    padding: 7px 16px;
    text-transform: uppercase;
    font-family: 'Outfit', 'Inter', sans-serif;
}

._top-announcement_1mfmq_8 strong {
    color: #FFD000;
}

@media (max-width: 480px) {
    ._top-announcement_1mfmq_8 {
        padding: 6px 4px;
        font-size: 7px;
        letter-spacing: 0;
        line-height: 1.2;
        overflow: hidden;
    }

    ._top-announcement_1mfmq_8 span {
        display: block;
        white-space: nowrap;
    }
}

/* Header Container */
._header_1mfmq_40 {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: #FFD000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

._header-hidden_1mfmq_50 {
    transform: translateY(-100%);
}

._header-container_1mfmq_54 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) {
    ._header-container_1mfmq_54 {
        padding: 0 32px;
        height: 52px;
    }
}

/* Left Section: Hamburger Menu */
._left-section_1mfmq_72 {
    display: flex;
    align-items: center;
    width: 120px;
}

._menu-trigger-btn_1mfmq_78 {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    border-radius: 6px;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

._menu-trigger-btn_1mfmq_78:hover {
    background-color: rgba(0, 0, 0, 0.08);
    transform: scale(1.05);
}

._hamburger-line_1mfmq_96 {
    display: block;
    width: 22px;
    height: 2.5px;
    background-color: #111111;
    border-radius: 2px;
}

/* Center Section: Brand Wordmark */
._center-section_1mfmq_105 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

._brand-logo-link_1mfmq_113 {
    text-decoration: none;
    display: inline-block;
    transition: transform 0.15s ease;
}

._brand-logo-link_1mfmq_113:hover {
    transform: scale(1.02);
}

._brand-name_1mfmq_123 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: #111111;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    line-height: 1;
}

@media (min-width: 768px) {
    ._brand-name_1mfmq_123 {
        font-size: 26px;
        letter-spacing: 3px;
    }
}

/* Right Section: Action Icons */
._right-section_1mfmq_141 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 160px;
}

@media (max-width: 480px) {
    ._header-container_1mfmq_54 {
        padding: 0 12px;
    }

    ._left-section_1mfmq_72 {
        width: 40px;
        flex: 0 0 40px;
    }

    ._center-section_1mfmq_105 {
        min-width: 0;
    }

    ._brand-name_1mfmq_123 {
        font-size: 16px;
        letter-spacing: 0.7px;
        white-space: nowrap;
    }

    ._right-section_1mfmq_141 {
        width: auto;
        flex: 0 0 auto;
        gap: 0;
    }

}

@media (max-width: 360px) {
}

@media (min-width: 768px) {
    ._right-section_1mfmq_141 {
        gap: 12px;
        width: 180px;
    }
}

._action-icon-btn_1mfmq_187,
._action-icon-link_1mfmq_188 {
    background: transparent;
    border: none;
    color: #111111;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

._action-icon-btn_1mfmq_187:hover,
._action-icon-link_1mfmq_188:hover {
    background-color: rgba(0, 0, 0, 0.1);
    transform: scale(1.08);
}

@media (max-width: 480px) {
    ._action-icon-btn_1mfmq_187,
    ._action-icon-link_1mfmq_188 {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 360px) {
    ._action-icon-link_1mfmq_188 {
        display: none;
    }

    ._action-icon-btn_1mfmq_187,
    ._action-icon-link_1mfmq_188 {
        width: 28px;
        height: 28px;
    }
}

._icon-badge-wrapper_1mfmq_229 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

._badge-count_1mfmq_236 {
    position: absolute;
    top: -8px;
    right: -10px;
    background-color: #111111;
    color: #FFD000;
    font-size: 10px;
    font-weight: 800;
    min-width: 17px;
    height: 17px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}

/* Account Dropdown */
._account-anchor_1mfmq_255 {
    position: relative;
}

._account-dropdown_1mfmq_259 {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: 1px solid #eeeeee;
    min-width: 190px;
    padding: 8px 0;
    z-index: 1050;
    animation: _fadeInDown_1mfmq_1 0.2s ease forwards;
}

._dropdown-menu-list_1mfmq_273 {
    display: flex;
    flex-direction: column;
}

._dropdown-item_1mfmq_278 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    color: #222222;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
    font-family: inherit;
}

._dropdown-item_1mfmq_278:hover {
    background-color: #f7f7f7;
    color: #111111;
}

/* Cart Dropdown */
._cart-anchor_1mfmq_302 {
    position: relative;
}

._cart-dropdown_1mfmq_306 {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
    border: 1px solid #eeeeee;
    width: 320px;
    max-width: 90vw;
    z-index: 1050;
    animation: _fadeInDown_1mfmq_1 0.2s ease forwards;
    overflow: hidden;
}

._cart-dropdown-header_1mfmq_321 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eeeeee;
    background: #fafafa;
}

._cart-dropdown-header_1mfmq_321 h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #111111;
}

._close-btn-mini_1mfmq_337 {
    background: transparent;
    border: none;
    color: #888888;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

._close-btn-mini_1mfmq_337:hover {
    color: #111111;
    background: #eeeeee;
}

._cart-dropdown-body_1mfmq_354 {
    padding: 14px 16px;
}

._cart-items-scroll_1mfmq_358 {
    max-height: 220px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}

._cart-item-row_1mfmq_367 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

._cart-item-thumbnail_1mfmq_375 {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    background: #f0f0f0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._cart-item-thumbnail_1mfmq_375 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

._cart-item-meta_1mfmq_393 {
    flex: 1;
    min-width: 0;
}

._cart-item-title_1mfmq_398 {
    font-size: 13px;
    font-weight: 600;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._cart-item-sub_1mfmq_407 {
    font-size: 12px;
    color: #777777;
    margin-top: 2px;
}

._item-remove-btn_1mfmq_413 {
    background: transparent;
    border: none;
    color: #999999;
    cursor: pointer;
    padding: 4px;
}

._item-remove-btn_1mfmq_413:hover {
    color: #e53e3e;
}

._cart-dropdown-footer_1mfmq_425 {
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
}

._total-row_1mfmq_430 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 12px;
}

._total-amount_1mfmq_440 {
    font-size: 16px;
    color: #111111;
}

._cart-cta-group_1mfmq_445 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

._view-cart-btn_1mfmq_451 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: #f0f0f0;
    color: #111111;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background 0.15s ease;
}

._view-cart-btn_1mfmq_451:hover {
    background: #e2e2e2;
}

._checkout-btn_1mfmq_470 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: #111111;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background 0.15s ease;
}

._checkout-btn_1mfmq_470:hover {
    background: #FFD000;
    color: #111111;
}

._empty-cart-state_1mfmq_490 {
    text-align: center;
    padding: 24px 0;
    color: #777777;
}

._empty-cart-state_1mfmq_490 p {
    margin: 10px 0 16px;
    font-size: 13px;
}

._start-shop-link_1mfmq_501 {
    display: inline-block;
    padding: 8px 18px;
    background: #111111;
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    border-radius: 4px;
}

/* Expandable Search Overlay */
._search-overlay-bar_1mfmq_514 {
    background: #FFD000;
    padding: 0 20px 14px;
    animation: _fadeInDown_1mfmq_1 0.2s ease forwards;
}

@media (min-width: 768px) {
    ._search-overlay-bar_1mfmq_514 {
        padding: 0 32px 16px;
    }
}

._search-bar-form_1mfmq_526 {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 30px;
    padding: 6px 14px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

._search-bar-icon_1mfmq_537 {
    color: #666666;
    margin-right: 8px;
}

._search-bar-input_1mfmq_542 {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
    color: #111111;
    background: transparent;
    font-family: inherit;
}

._clear-query-btn_1mfmq_552,
._close-search-btn_1mfmq_553 {
    background: transparent;
    border: none;
    color: #666666;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._close-search-btn_1mfmq_553 {
    margin-left: 6px;
    padding-left: 8px;
    border-left: 1px solid #eeeeee;
}

/* ==============================================
   SLIDE-OUT DRAWER (EXACT MYDESIGNATION STYLE)
   ============================================== */
._drawer-backdrop_1mfmq_573 {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(2px);
}

._drawer-open_1mfmq_584 {
    opacity: 1;
    visibility: visible;
}

._drawer-panel_1mfmq_589 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 360px;
    max-width: 86vw;
    background-color: #ffffff;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.2);
}

._drawer-open_1mfmq_584 ._drawer-panel_1mfmq_589 {
    transform: translateX(0);
}

._drawer-header_1mfmq_608 {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    gap: 16px;
    background: #ffffff;
}

._drawer-close-circle_1mfmq_617 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #FFD000;
    border: none;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

._drawer-close-circle_1mfmq_617:hover {
    transform: scale(1.1);
}

._drawer-brand-title_1mfmq_636 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 19px;
    font-weight: 900;
    color: #111111;
    letter-spacing: 2px;
    text-transform: uppercase;
}

._drawer-scroll-content_1mfmq_645 {
    flex: 1;
    overflow-y: auto;
    padding: 18px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* 6-Card Visual Category Grid */
._visual-grid-section_1mfmq_655 {
    width: 100%;
}

._visual-grid_1mfmq_655 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

._visual-card_1mfmq_665 {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 4/3;
    text-decoration: none;
    background: #222222;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.15s ease;
}

._visual-card_1mfmq_665:hover {
    transform: translateY(-2px);
}

._visual-card-img_1mfmq_683 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
}

._visual-card-badge_1mfmq_692 {
    position: relative;
    z-index: 2;
    background-color: #000000;
    color: #ffffff;
    font-size: 8.5px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 2px;
    line-height: 1.1;
    font-family: 'Outfit', 'Inter', sans-serif;
}

/* Accordion Menu List */
._accordion-menu_1mfmq_708 {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #f0f0f0;
}

._accordion-item_1mfmq_714 {
    border-bottom: 1px solid #f0f0f0;
}

._accordion-trigger_1mfmq_718 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 4px;
    background: transparent;
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: #111111;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

._accordion-chevron_1mfmq_734 {
    transition: transform 0.2s ease;
    color: #555555;
}

._chevron-rotated_1mfmq_739 {
    transform: rotate(180deg);
}

._accordion-body_1mfmq_743 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 12px 14px 12px;
    background-color: #fafafa;
    border-radius: 4px;
    margin-bottom: 8px;
}

._subitem-link_1mfmq_753 {
    font-size: 13.5px;
    font-weight: 500;
    color: #444444;
    text-decoration: none;
    padding: 4px 0;
    transition: color 0.15s ease;
}

._subitem-link_1mfmq_753:hover {
    color: #000000;
    font-weight: 700;
}

._static-nav-link_1mfmq_767 {
    display: block;
    padding: 14px 4px;
    font-size: 15px;
    font-weight: 700;
    color: #111111;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: color 0.15s ease;
}

._static-nav-link_1mfmq_767:hover {
    color: #b8860b;
}


/* Drawer Auth Footer */
._drawer-auth-footer_1mfmq_784 {
    margin-top: auto;
    padding-top: 10px;
}

._drawer-auth-btn_1mfmq_789 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px 0;
    background-color: #111111;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

._drawer-auth-btn_1mfmq_789:hover {
    background-color: #FFD000;
    color: #111111;
}

@keyframes _fadeInDown_1mfmq_1 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}._footer_lm1yn_1 {
    background-color: #111111;
    border-top: none;
    margin-top: auto;
    color: #ffffff;
}

._footer-container_lm1yn_8 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-12) var(--space-4);
}

@media (max-width: 767px) {
    ._footer-container_lm1yn_8 {
        padding: var(--space-6) var(--space-1);
        /* Minimized padding */
        overflow-x: hidden;
        /* Prevent horizontal scroll */
    }
}

._footer-grid_lm1yn_24 {
    display: grid;
    grid-template-columns: 1fr 1.2fr 0.9fr 0.9fr;
    /* Optimized ratios for content */
    gap: var(--space-4);
}

@media (max-width: 767px) {
    ._footer-grid_lm1yn_24 {
        gap: 0;
        /* No visible gap to save space */
    }
}

/* Tablet override removed to keep 4-column layout consistent */

@media (min-width: 1024px) {
    ._footer-grid_lm1yn_24 {
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
    }
}

/* Brand Section */
._brand-column_lm1yn_48 {
    grid-column: span 1;
}

@media (min-width: 1024px) {
    ._brand-column_lm1yn_48 {
        grid-column: span 1;
    }
}

._brand-link_lm1yn_58 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

._brand-logo_lm1yn_65 {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
}

._brand-name_lm1yn_72 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: var(--text-lg);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: uppercase;
}

._brand-description_lm1yn_81 {
    color: #aaaaaa;
    font-size: var(--text-sm);
    margin-bottom: var(--space-6);
    line-height: var(--leading-relaxed);
}

@media (max-width: 767px) {
    ._brand-name_lm1yn_72 {
        font-size: 14px;
    }

    ._brand-description_lm1yn_81 {
        display: none;
        /* Hide description to clear space */
    }

    ._brand-logo_lm1yn_65 {
        width: 24px;
        height: 24px;
    }

    ._brand-link_lm1yn_58 {
        margin-bottom: var(--space-2);
        flex-direction: column;
        /* Stack logo and name if needed, or keep row */
        align-items: flex-start;
        gap: var(--space-1);
    }

    ._brand-name_lm1yn_72 {
        font-size: 10px;
        white-space: nowrap;
    }
}

._social-links_lm1yn_117 {
    display: flex;
    gap: var(--space-3);
}

._social-link_lm1yn_117 {
    width: 36px;
    height: 36px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    transition: all var(--transition-fast);
}

._social-link_lm1yn_117:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

/* Link Sections */
._link-column_lm1yn_142 {
    grid-column: span 1;
}

._column-title_lm1yn_146 {
    font-weight: 700;
    margin-bottom: var(--space-4);
    font-size: var(--text-base);
    color: #ffffff;
    font-family: 'Outfit', 'Inter', sans-serif;
    letter-spacing: 0.5px;
}

._link-list_lm1yn_155 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

._footer-link_lm1yn_161 {
    color: #999999;
    font-size: var(--text-sm);
    transition: color 0.15s ease;
    text-decoration: none;
}

@media (max-width: 767px) {
    ._column-title_lm1yn_146 {
        font-size: 12px;
        margin-bottom: var(--space-2);
    }

    ._footer-link_lm1yn_161 {
        font-size: 10px;
    }

    ._link-list_lm1yn_155 {
        gap: var(--space-1);
    }

    /* Ensure social links wrap if needed or stay compact */
    ._social-links_lm1yn_117 {
        flex-wrap: wrap;
        gap: var(--space-1);
    }

    ._social-link_lm1yn_117 {
        width: 24px;
        height: 24px;
    }
}

._footer-link_lm1yn_161:hover {
    color: #FFD000;
}

/* Features Section */
._features-section_lm1yn_199 {
    margin-top: var(--space-12);
    padding-top: var(--space-8);
    border-top: 1px solid #222222;
}

._features-grid_lm1yn_205 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* Forced 3 columns */
    gap: var(--space-8) var(--space-4);
}

@media (max-width: 767px) {
    ._features-grid_lm1yn_205 {
        gap: var(--space-2);
    }

    ._feature-icon_lm1yn_217 {
        width: 32px;
        height: 32px;
    }

    ._feature-content_lm1yn_222 h5 {
        font-size: 11px;
    }

    ._feature-content_lm1yn_222 p {
        font-size: 9px;
    }
}

@media (min-width: 768px) {
    ._features-grid_lm1yn_205 {
        grid-template-columns: repeat(3, 1fr);
    }
}

._feature-item_lm1yn_237 {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

._feature-icon_lm1yn_217 {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._feature-icon_lm1yn_217._success_lm1yn_253 {
    background-color: rgba(16, 185, 129, 0.1);
    color: var(--color-success);
}

._feature-icon_lm1yn_217._warning_lm1yn_258 {
    background-color: rgba(245, 158, 11, 0.1);
    color: var(--color-warning);
}

._feature-icon_lm1yn_217._accent_lm1yn_263 {
    background-color: rgba(249, 115, 22, 0.1);
    color: var(--color-accent);
}

._feature-content_lm1yn_222 h5 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: var(--space-1);
    font-size: var(--text-base);
    font-family: 'Outfit', 'Inter', sans-serif;
    letter-spacing: 0.3px;
}

._feature-content_lm1yn_222 p {
    color: #a3a3a3;
    font-size: var(--text-sm);
    margin: 0;
    line-height: 1.4;
}

/* Bottom Bar */
._bottom-bar_lm1yn_285 {
    border-top: 1px solid #222222;
    background-color: #0c0c0c;
}

._bottom-container_lm1yn_290 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-6) var(--space-4);
}

._bottom-content_lm1yn_297 {
    display: flex;
    flex-direction: row;
    /* Forced row */
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-4);
}

@media (max-width: 767px) {
    ._bottom-content_lm1yn_297 {
        gap: var(--space-2);
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    ._bottom-content_lm1yn_297 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

._copyright-section_lm1yn_322 {
    display: flex;
    flex-direction: row;
    /* Forced row */
    align-items: center;
    gap: var(--space-4);
}

@media (max-width: 767px) {
    ._copyright-section_lm1yn_322 {
        gap: var(--space-2);
    }

    ._payment-icons_lm1yn_335 {
        gap: 4px;
    }

    ._payment-icon_lm1yn_335 {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 768px) {
    ._copyright-section_lm1yn_322 {
        flex-direction: row;
        align-items: center;
        gap: var(--space-6);
    }
}

._copyright-text_lm1yn_353 {
    color: var(--text-muted);
    font-size: var(--text-sm);
}

._payment-methods_lm1yn_358 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

._payment-label_lm1yn_364 {
    color: var(--text-muted);
    font-size: var(--text-sm);
}

._payment-icons_lm1yn_335 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

._payment-icon_lm1yn_335 {
    width: 32px;
    height: 32px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

._locale-info_lm1yn_387 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._currency_lm1yn_395 {
    font-family: var(--font-mono);
}

@media (max-width: 767px) {
    ._footer-container_lm1yn_8 {
        padding: var(--space-6) var(--space-4);
    }

    ._footer-grid_lm1yn_24 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--space-6) var(--space-2);
    }

    ._brand-column_lm1yn_48 {
        grid-column: 1 / -1;
    }

    ._brand-link_lm1yn_58 {
        flex-direction: row;
        align-items: center;
        gap: var(--space-2);
        margin-bottom: var(--space-3);
    }

    ._brand-logo_lm1yn_65 {
        width: 32px;
        height: 32px;
    }

    ._brand-name_lm1yn_72 {
        font-size: 14px;
        white-space: normal;
    }

    ._column-title_lm1yn_146 {
        font-size: 11px;
        letter-spacing: 0;
    }

    ._footer-link_lm1yn_161 {
        font-size: 11px;
        line-height: 1.35;
    }

    ._link-list_lm1yn_155 {
        gap: var(--space-2);
    }

    ._features-section_lm1yn_199 {
        margin-top: var(--space-6);
        padding-top: var(--space-5);
    }

    ._features-grid_lm1yn_205 {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }

    ._feature-icon_lm1yn_217 {
        width: 36px;
        height: 36px;
    }

    ._feature-content_lm1yn_222 h5 {
        font-size: 13px;
    }

    ._feature-content_lm1yn_222 p {
        font-size: 12px;
    }

    ._bottom-container_lm1yn_290 {
        padding: var(--space-4);
    }

    ._bottom-content_lm1yn_297,
    ._copyright-section_lm1yn_322 {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-3);
    }

    ._payment-methods_lm1yn_358 {
        flex-wrap: wrap;
        gap: var(--space-2);
    }

    ._payment-icon_lm1yn_335 {
        width: 28px;
        height: 28px;
    }

    ._locale-info_lm1yn_387 {
        flex-wrap: wrap;
        gap: var(--space-2);
    }
}._item-container_cwd19_1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-4);
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
}

@media (min-width: 640px) {
    ._item-container_cwd19_1 {
        flex-direction: row;
    }
}

/* Image Section */
._image-wrapper_cwd19_18 {
    flex-shrink: 0;
}

._image-link_cwd19_22 {
    display: block;
}

._image-container_cwd19_26 {
    width: 6rem;
    /* w-24 */
    height: 6rem;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

@media (min-width: 640px) {
    ._image-container_cwd19_26 {
        width: 8rem;
        /* w-32 */
        height: 8rem;
    }
}

._product-image_cwd19_43 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-fast);
}

._product-image_cwd19_43:hover {
    transform: scale(1.05);
}

/* Details Section */
._details-wrapper_cwd19_55 {
    flex: 1;
    min-width: 0;
}

._details-header_cwd19_60 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

@media (min-width: 640px) {
    ._details-header_cwd19_60 {
        flex-direction: row;
        justify-content: space-between;
    }
}

._info-column_cwd19_73 {
    flex: 1;
}

._product-name_cwd19_77 {
    font-size: var(--text-lg);
    font-weight: var(--font-medium);
    color: var(--text-foreground);
    text-decoration: none;
    transition: color var(--transition-fast);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._product-name_cwd19_77:hover {
    color: var(--color-primary);
}

._variants-container_cwd19_93 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._variant-badge_cwd19_102 {
    padding: 2px 8px;
    background-color: var(--bg-muted);
    border-radius: var(--radius-md);
}

._stock-status_cwd19_108 {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    margin-top: var(--space-2);
}

._stock-text_cwd19_115 {
    font-size: var(--text-sm);
}

._stock-text_cwd19_115._in-stock_cwd19_119 {
    color: var(--color-success);
}

._stock-text_cwd19_115._low-stock_cwd19_123 {
    color: var(--color-warning);
}

._stock-icon-success_cwd19_127 {
    color: var(--color-success);
}

._stock-icon-warning_cwd19_131 {
    color: var(--color-warning);
}

/* Price Column */
._price-column_cwd19_136 {
    text-align: right;
}

._current-price_cwd19_140 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    font-family: var(--font-mono);
}

._original-price_cwd19_146 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    text-decoration: line-through;
    font-family: var(--font-mono);
}

/* Controls Section */
._controls-row_cwd19_154 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--space-4);
}

._quantity-wrapper_cwd19_161 {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

._quantity-label_cwd19_167 {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._quantity-controls_cwd19_172 {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
}

._quantity-btn_cwd19_179 {
    width: 32px;
    height: 32px;
}

._quantity-btn_cwd19_179._minus_cwd19_184 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

._quantity-btn_cwd19_179._plus_cwd19_189 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

._quantity-display_cwd19_194 {
    width: 48px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    border-left: 1px solid var(--border-default);
    border-right: 1px solid var(--border-default);
}

._spinner_cwd19_206 {
    animation: _spin_cwd19_206 1s linear infinite;
}

@keyframes _spin_cwd19_206 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

._max-quantity-msg_cwd19_220 {
    font-size: var(--text-xs);
    color: var(--color-warning);
}

._remove-btn_cwd19_225 {
    color: var(--color-destructive);
}

._remove-btn_cwd19_225:hover {
    color: var(--color-destructive);
    background-color: rgba(239, 68, 68, 0.1);
    /* destructive/10 */
}

._remove-icon_cwd19_235 {
    margin-right: var(--space-1);
}._summary-container_1rlg7_1 {
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    position: sticky;
    top: var(--space-4);
}

._summary-title_1rlg7_10 {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-6);
}

/* Order Details */
._details-section_1rlg7_17 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

._detail-row_1rlg7_24 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._detail-label_1rlg7_30 {
    color: var(--text-muted);
}

._detail-value_1rlg7_34 {
    font-family: var(--font-mono);
}

._detail-row_1rlg7_24._discount_1rlg7_38 {
    color: var(--color-success);
}

._discount-label-wrapper_1rlg7_42 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

._discount-badge_1rlg7_48 {
    font-size: var(--text-xs);
    background-color: rgba(34, 197, 94, 0.1);
    /* success/10 */
    color: var(--color-success);
    padding: 2px 8px;
    border-radius: var(--radius-md);
}

._total-row_1rlg7_57 {
    border-top: 1px solid var(--border-default);
    padding-top: var(--space-4);
}

._total-content_1rlg7_62 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
}

/* Discount Code Section */
._discount-section_1rlg7_71 {
    margin-bottom: var(--space-6);
}

._section-title_1rlg7_75 {
    font-weight: var(--font-medium);
    margin-bottom: var(--space-3);
}

._applied-discount_1rlg7_80 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3);
    background-color: rgba(34, 197, 94, 0.1);
    /* success/10 */
    border: 1px solid rgba(34, 197, 94, 0.2);
    /* success/20 */
    border-radius: var(--radius-lg);
}

._applied-content_1rlg7_92 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

._success-icon_1rlg7_98 {
    color: var(--color-success);
}

._applied-text_1rlg7_102 {
    color: var(--color-success);
    font-weight: var(--font-medium);
}

._remove-btn_1rlg7_107 {
    color: var(--text-muted);
}

._remove-btn_1rlg7_107:hover {
    color: var(--color-destructive);
}

._discount-warning_1rlg7_115 {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin-top: var(--space-3);
    padding: var(--space-3);
    background-color: rgba(59, 130, 246, 0.1);
    /* info/10 */
    border: 1px solid rgba(59, 130, 246, 0.2);
    /* info/20 */
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

._warning-icon_1rlg7_130 {
    color: rgb(59, 130, 246);
    /* info color */
    flex-shrink: 0;
    margin-top: 2px;
}

._discount-form_1rlg7_137 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

._discount-input_1rlg7_143 {
    text-transform: uppercase;
    border-radius: 0.65rem;
}

._discount-hint_1rlg7_148 {
    margin-top: var(--space-3);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

/* Checkout Actions */
._actions-section_1rlg7_155 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

._action-icon_1rlg7_161 {
    margin-right: var(--space-2);
}

/* Security Badge */
._security-section_1rlg7_166 {
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-default);
}

._security-content_1rlg7_172 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._security-icon_1rlg7_181 {
    color: var(--color-success);
}._container_1w9o0_1 {
    max-width: 56rem;
    /* max-w-4xl */
    margin: 0 auto;
    text-align: center;
    padding: var(--space-12) 0;
}

/* Illustration Section */
._illustration-section_1w9o0_10 {
    margin-bottom: var(--space-8);
}

._icon-wrapper_1w9o0_14 {
    width: 8rem;
    /* w-32 */
    height: 8rem;
    margin: 0 auto var(--space-6);
    background-color: var(--bg-muted);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

._cart-icon_1w9o0_26 {
    color: var(--text-muted);
}

._title_1w9o0_30 {
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    margin-bottom: var(--space-2);
}

._description_1w9o0_36 {
    color: var(--text-muted);
    font-size: var(--text-lg);
}

/* Quick Actions */
._actions-container_1w9o0_42 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center;
    margin-bottom: var(--space-12);
}

@media (min-width: 640px) {
    ._actions-container_1w9o0_42 {
        flex-direction: row;
    }
}

._action-icon_1w9o0_56 {
    margin-right: var(--space-2);
}

/* Recommended Products */
._recommended-section_1w9o0_61 {
    margin-bottom: var(--space-12);
}

._section-title_1w9o0_65 {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-6);
}

._products-grid_1w9o0_71 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
}

@media (min-width: 640px) {
    ._products-grid_1w9o0_71 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    ._products-grid_1w9o0_71 {
        grid-template-columns: repeat(3, 1fr);
    }
}

._product-card_1w9o0_89 {
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition-fast);
}

._product-card_1w9o0_89:hover {
    box-shadow: var(--shadow-elevated);
}

._image-container_1w9o0_101 {
    aspect-ratio: 1;
    overflow: hidden;
}

._product-image_1w9o0_106 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease-in-out;
}

._product-card_1w9o0_89:hover ._product-image_1w9o0_106 {
    transform: scale(1.05);
}

._product-info_1w9o0_117 {
    padding: var(--space-4);
    text-align: left;
}

._product-category_1w9o0_122 {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-bottom: var(--space-1);
}

._product-name_1w9o0_128 {
    display: block;
    font-weight: var(--font-medium);
    color: var(--text-foreground);
    text-decoration: none;
    transition: color var(--transition-fast);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: var(--space-2);
}

._product-name_1w9o0_128:hover {
    color: var(--color-primary);
}

._price-row_1w9o0_145 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

._current-price_1w9o0_152 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    font-family: var(--font-mono);
}

._original-price_1w9o0_158 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    text-decoration: line-through;
    font-family: var(--font-mono);
}

._add-icon_1w9o0_165 {
    margin-right: var(--space-2);
}

/* Category Suggestions */
._categories-grid_1w9o0_170 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
}

@media (min-width: 640px) {
    ._categories-grid_1w9o0_170 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    ._categories-grid_1w9o0_170 {
        grid-template-columns: repeat(6, 1fr);
    }
}

._category-card_1w9o0_188 {
    padding: var(--space-4);
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: inherit;
    transition: background-color var(--transition-fast);
}

._category-card_1w9o0_188:hover {
    background-color: var(--bg-muted);
}

._category-icon-wrapper_1w9o0_202 {
    width: 3rem;
    /* w-12 */
    height: 3rem;
    margin: 0 auto var(--space-3);
    background-color: rgba(37, 99, 235, 0.1);
    /* primary/10 */
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--transition-fast);
}

._category-card_1w9o0_188:hover ._category-icon-wrapper_1w9o0_202 {
    background-color: rgba(37, 99, 235, 0.2);
    /* primary/20 */
}

._category-icon_1w9o0_202 {
    color: var(--color-primary);
}

._category-name_1w9o0_225 {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    text-align: center;
}

/* Promotional Banner */
._promo-banner_1w9o0_232 {
    margin-top: var(--space-12);
    padding: var(--space-6);
    background-color: rgba(249, 115, 22, 0.1);
    /* accent/10 */
    border: 1px solid rgba(249, 115, 22, 0.2);
    /* accent/20 */
    border-radius: var(--radius-lg);
}

._promo-header_1w9o0_242 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

._promo-icon_1w9o0_250 {
    color: var(--color-accent);
}

._promo-title_1w9o0_254 {
    font-weight: var(--font-semibold);
    color: var(--color-accent);
}

._promo-text_1w9o0_259 {
    color: var(--text-muted);
    margin-bottom: var(--space-4);
}

._promo-code_1w9o0_264 {
    font-family: var(--font-mono);
    font-weight: var(--font-semibold);
}/* Mobile Summary Container */
._mobile-summary_mdqn8_2 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding: 1rem 1.25rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
    z-index: 50;
    border-top: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: _slideUp_mdqn8_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 1024px) {
    ._mobile-summary_mdqn8_2 {
        display: none;
    }
}

/* Shipping Info Bar */
._shipping-bar_mdqn8_26 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--color-success);
    background: rgba(22, 163, 74, 0.1);
    padding: 0.35rem;
    border-radius: 6px;
    margin-bottom: 0.25rem;
}

._shipping-text_mdqn8_39 {
    font-weight: 500;
}

/* Main Content Area */
._summary-content_mdqn8_44 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Price Details */
._price-details_mdqn8_52 {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

._total-label_mdqn8_58 {
    font-size: 0.8rem;
    color: var(--color-gray-500);
    font-weight: 500;
}

._total-amount_mdqn8_64 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-primary);
    font-family: var(--font-mono, monospace);
    line-height: 1.2;
}

._savings-tag_mdqn8_72 {
    font-size: 0.7rem;
    color: var(--color-success);
    font-weight: 600;
    background: rgba(22, 163, 74, 0.1);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    display: inline-block;
    margin-top: 0.25rem;
    align-self: flex-start;
}

/* Checkout Button */
._checkout-btn_mdqn8_85 {
    flex: 1;
    max-width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: var(--color-primary);
    color: white;
    border: none;
    border-radius: var(--radius-xl) !important;
    padding: 0.875rem 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    transition: all 0.2s ease;
}

._checkout-btn_mdqn8_85:active {
    transform: scale(0.98);
}

@keyframes _slideUp_mdqn8_1 {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}._container_366t0_1 {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    position: relative;
}

._container_366t0_1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border-light), transparent);
    z-index: 1;
}

._main-content_366t0_18 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
    padding-bottom: 8rem;
    position: relative;
    z-index: 2;
}

@media (min-width: 1024px) {
    ._main-content_366t0_18 {
        padding-bottom: var(--space-8);
    }
}

/* Header Section */
._page-header_366t0_35 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-8);
    padding: var(--space-6);
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-default);
}

@media (min-width: 640px) {
    ._page-header_366t0_35 {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

._title-section_366t0_55 {
    display: flex;
    flex-direction: column;
}

._page-title_366t0_60 {
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    color: var(--verve-black);
}

@media (min-width: 768px) {
    ._page-title_366t0_60 {
        font-size: var(--text-4xl);
    }
}

._item-count_366t0_72 {
    color: var(--text-secondary);
    margin-top: var(--space-1);
    font-size: var(--text-lg);
}

._clear-cart-btn_366t0_78 {
    color: var(--color-destructive);
}

._clear-cart-btn_366t0_78:hover {
    color: var(--color-destructive);
    background-color: rgba(239, 68, 68, 0.1);
    /* destructive/10 */
}

/* Free Shipping Banner */
._shipping-banner_366t0_89 {
    margin-bottom: var(--space-6);
    padding: var(--space-6);
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(37, 99, 235, 0.05));
    border: 1px solid rgba(249, 115, 22, 0.2);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: hidden;
}

._shipping-banner_366t0_89::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, var(--color-accent), var(--color-accent-light));
}

._banner-content_366t0_110 {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    position: relative;
    z-index: 1;
}

._banner-text_366t0_118 {
    color: var(--color-accent);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
}

/* Layout Grid */
._layout-grid_366t0_125 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-8);
}

@media (min-width: 1024px) {
    ._layout-grid_366t0_125 {
        grid-template-columns: 1fr 320px;
        /* lg:grid-cols-3 (2:1 ratio approx) */
    }
}

/* Cart Items Section */
._cart-items-section_366t0_139 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    box-shadow: var(--shadow-sm);
}

._items-list_366t0_150 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Continue Shopping */
._continue-shopping_366t0_157 {
    margin-top: var(--space-8);
    padding: var(--space-8);
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    text-align: center;
}

._continue-title_366t0_167 {
    font-weight: var(--font-semibold);
    font-size: var(--text-xl);
    margin-bottom: var(--space-2);
    color: var(--text-primary);
}

._continue-text_366t0_174 {
    color: var(--text-secondary);
    font-size: var(--text-base);
    margin-bottom: var(--space-6);
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

._continue-actions_366t0_183 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    justify-content: center;
}

/* Order Summary Section (Desktop) */
._summary-section_366t0_191 {
    display: none;
}

@media (min-width: 1024px) {
    ._summary-section_366t0_191 {
        display: block;
    }
}

/* Loading State */
._loading-container_366t0_202 {
    min-height: 100vh;
    background-color: var(--bg-background);
}

._loading-content_366t0_207 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

._loading-wrapper_366t0_214 {
    text-align: center;
}

._spinner_366t0_218 {
    margin: 0 auto var(--space-4);
    animation: _spin_366t0_218 1s linear infinite;
    color: var(--color-primary);
}

@keyframes _spin_366t0_218 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

._loading-text_366t0_234 {
    color: var(--text-muted);
}._galleryWrapper_1tttx_1 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

/* Vertical Thumbnails on Desktop */
._thumbnailsContainer_1tttx_9 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 80px;
  flex-shrink: 0;
  max-height: 580px;
  overflow-y: auto;
  scrollbar-width: none;
}

._thumbnailsContainer_1tttx_9::-webkit-scrollbar {
  display: none;
}

._thumbnailBtn_1tttx_24 {
  width: 80px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid #e5e5e5;
  background-color: #f7f7f6;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._thumbnailBtn_1tttx_24:hover {
  border-color: #111111;
  transform: translateY(-2px);
}

._thumbnailActive_1tttx_45 {
  border-color: #111111;
  box-shadow: 0 0 0 2px #FFD000;
}

._thumbnailImg_1tttx_50 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Main Image Container */
._mainContainer_1tttx_58 {
  position: relative;
  flex: 1;
  border-radius: 18px;
  overflow: hidden;
  background-color: #f6f6f4;
  border: 1px solid #e7e7e5;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
  aspect-ratio: 3 / 4;
  min-height: 480px;
  cursor: crosshair;
}

._imageViewport_1tttx_71 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

._mainImage_1tttx_82 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 0.2s ease-out;
}

._mainImageHovered_1tttx_90 {
  pointer-events: none;
}

/* Top Badges */
._badgeOverlay_1tttx_95 {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  pointer-events: none;
}

._badgePill_1tttx_103 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #111111;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 9999px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
  font-family: 'Outfit', sans-serif;
}

._badgePulse_1tttx_122 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #10b981;
}

/* Fullscreen Trigger */
._actionBtn_1tttx_130 {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
}

._actionBtn_1tttx_130:hover {
  background: #111111;
  color: #ffffff;
  transform: scale(1.08);
}

/* Carousel Navigation Arrows */
._navArrow_1tttx_158 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
}

._mainContainer_1tttx_58:hover ._navArrow_1tttx_158 {
  opacity: 1;
}

._prevArrow_1tttx_184 {
  left: 14px;
}

._nextArrow_1tttx_188 {
  right: 14px;
}

._navArrow_1tttx_158:hover {
  background: #111111;
  color: #ffffff;
  transform: translateY(-50%) scale(1.08);
}

/* Footer Overlay (Counter & Zoom Hint) */
._footerOverlay_1tttx_199 {
  position: absolute;
  bottom: 14px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
  pointer-events: none;
}

._counterPill_1tttx_211 {
  background: rgba(17, 17, 17, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  border-radius: 9999px;
  font-family: 'Outfit', sans-serif;
}

._zoomHint_1tttx_224 {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #444444;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 4px 10px;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  font-family: 'Outfit', sans-serif;
  opacity: 0.9;
}

/* Fullscreen Modal */
._fullscreenModal_1tttx_243 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(10, 10, 10, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

._fullscreenContent_1tttx_256 {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

._fullscreenImage_1tttx_265 {
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

._closeBtn_1tttx_273 {
  position: absolute;
  top: -46px;
  right: 0;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

._closeBtn_1tttx_273:hover {
  background: #ffffff;
  color: #111111;
}

._fullscreenArrow_1tttx_295 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

._fullscreenArrow_1tttx_295:hover {
  background: #ffffff;
  color: #111111;
}

._fullscreenPrev_1tttx_317 {
  left: -70px;
}

._fullscreenNext_1tttx_321 {
  right: -70px;
}

._fullscreenCounter_1tttx_325 {
  position: absolute;
  bottom: -40px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.5px;
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 900px) {
  ._galleryWrapper_1tttx_1 {
    flex-direction: column-reverse;
    gap: 12px;
  }

  ._thumbnailsContainer_1tttx_9 {
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    max-height: none;
    padding-bottom: 6px;
    gap: 8px;
    -webkit-overflow-scrolling: touch;
  }

  ._thumbnailBtn_1tttx_24 {
    width: 64px;
    height: 78px;
    flex-shrink: 0;
  }

  ._mainContainer_1tttx_58 {
    min-height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
  }

  ._zoomHint_1tttx_224 {
    display: none;
  }

  ._navArrow_1tttx_158 {
    opacity: 1;
    width: 36px;
    height: 36px;
  }

  ._fullscreenPrev_1tttx_317 {
    left: 10px;
  }

  ._fullscreenNext_1tttx_321 {
    right: 10px;
  }
}/* TryOnModal.module.css - Madras Edition AI Virtual Dressing Room */

/* Overlay */
._modal-overlay_1abvn_7 {
  position: fixed;
  inset: 0;
  background-color: rgba(10, 10, 10, 0.78);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 1.25rem;
  animation: _fadeIn_1abvn_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes _fadeIn_1abvn_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Modal Container */
._modal-container_1abvn_55 {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 920px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.08);
  position: relative;
  animation: _slideUp_1abvn_1 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes _slideUp_1abvn_1 {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Header */
._modal-header_1abvn_107 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.125rem 1.5rem;
  border-bottom: 1px solid #f0f0f0;
  background: #ffffff;
  flex-shrink: 0;
}

._header-left_1abvn_127 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._brand-badge_1abvn_139 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #FFF9D2;
  border: 1px solid #FFE040;
  color: #111111;
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 999px;
  text-transform: uppercase;
  margin-bottom: 4px;
  align-self: flex-start;
}

._modal-title_1abvn_173 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #111111;
  letter-spacing: -0.01em;
  margin: 0;
  line-height: 1.2;
}

._modal-subtitle_1abvn_191 {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: 0;
}

._close-button_1abvn_203 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f4f4f5;
  border: 1px solid #e4e4e7;
  color: #27272a;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-top: 2px;
}

._close-button_1abvn_203:hover {
  background-color: #111111;
  color: #ffffff;
  border-color: #111111;
  transform: rotate(90deg);
}

/* Error Banner */
._error-message_1abvn_251 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fef2f2;
  border-left: 4px solid #ef4444;
  color: #b91c1c;
  padding: 0.75rem 1.25rem;
  margin: 0.75rem 1.25rem 0;
  border-radius: 8px;
  font-size: 0.84rem;
  font-weight: 500;
}

._error-content_1abvn_279 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._error-dismiss_1abvn_291 {
  background: none;
  border: none;
  color: #b91c1c;
  cursor: pointer;
  padding: 2px;
  display: flex;
  align-items: center;
}

/* Modal Content & Grid Layout */
._modal-content_1abvn_313 {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  background-color: #fcfcfc;
  scrollbar-width: thin;
  scrollbar-color: #e4e4e7 transparent;
}

._modal-content_1abvn_313::-webkit-scrollbar {
  width: 6px;
}

._modal-content_1abvn_313::-webkit-scrollbar-thumb {
  background: #e4e4e7;
  border-radius: 999px;
}

._grid-layout_1abvn_349 {
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 1.5rem;
  align-items: start;
}

/* Left Controls Section */
._controls-section_1abvn_365 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._section-card_1abvn_377 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._section-header_1abvn_399 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._section-title-wrap_1abvn_411 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._step-num_1abvn_423 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #111111;
  color: #FFD000;
  font-size: 0.75rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

._section-title_1abvn_411 {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

/* Upload Dropzone */
._hidden-input_1abvn_469 {
  display: none;
}

._upload-dropzone_1abvn_477 {
  border: 2px dashed #d4d4d8;
  border-radius: 12px;
  padding: 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  cursor: pointer;
  background: #fafafa;
  transition: all 0.2s ease;
}

._upload-dropzone_1abvn_477:hover {
  border-color: #FFD000;
  background: #FFFDE8;
}

._upload-dropzone_1abvn_477._dragging_1abvn_515 {
  border-color: #FFD000;
  background: #FFF9D2;
  transform: scale(1.01);
}

._upload-icon-circle_1abvn_527 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e4e4e7;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

._upload-prompt-text_1abvn_553 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #18181b;
  margin: 0;
}

._upload-sub-text_1abvn_567 {
  font-size: 0.75rem;
  color: #71717a;
  margin: 0;
}

._tips-row_1abvn_579 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  margin-top: 4px;
}

._tip-pill_1abvn_595 {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  font-size: 0.6875rem;
  color: #52525b;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 500;
}

/* Preview Image Area */
._preview-card_1abvn_617 {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #18181b;
  border: 1px solid #e4e4e7;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._preview-img_1abvn_641 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._preview-badge_1abvn_653 {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(22, 101, 52, 0.9);
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 4px;
  backdrop-filter: blur(4px);
}

._preview-actions_1abvn_685 {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
}

._preview-action-btn_1abvn_703 {
  flex: 1;
  height: 32px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.15s ease;
}

._btn-change_1abvn_733 {
  background: rgba(255, 255, 255, 0.95);
  color: #111111;
  backdrop-filter: blur(4px);
}

._btn-change_1abvn_733:hover {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

._btn-remove_1abvn_755 {
  background: rgba(239, 68, 68, 0.9);
  color: #ffffff;
  backdrop-filter: blur(4px);
  max-width: 36px;
}

._btn-remove_1abvn_755:hover {
  background: #dc2626;
}

/* Garment Card */
._garment-card_1abvn_779 {
  display: flex;
  gap: 12px;
  align-items: center;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 8px 10px;
}

._garment-thumb-wrap_1abvn_799 {
  width: 60px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._garment-thumb_1abvn_799 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._garment-meta_1abvn_837 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

._garment-brand_1abvn_853 {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._garment-name_1abvn_869 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #111111;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._garment-badges_1abvn_889 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

._pill_1abvn_901 {
  font-size: 0.6875rem;
  font-weight: 600;
  background: #e4e4e7;
  color: #27272a;
  padding: 1px 6px;
  border-radius: 4px;
  text-transform: capitalize;
}

._pill-highlight_1abvn_921 {
  font-size: 0.6875rem;
  font-weight: 700;
  background: #FFF9D2;
  color: #854d0e;
  border: 1px solid #FFE040;
  padding: 1px 6px;
  border-radius: 4px;
}

._garment-price_1abvn_941 {
  font-size: 0.875rem;
  font-weight: 800;
  color: #111111;
  margin-top: 2px;
}

/* Action CTA Area */
._action-wrap_1abvn_957 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._tryon-cta-btn_1abvn_969 {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  background: #111111;
  color: #FFD000;
  border: 1.5px solid #FFD000;
  font-size: 0.9375rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(255, 208, 0, 0.25);
}

._tryon-cta-btn_1abvn_969:hover:not(:disabled) {
  background: #FFD000;
  color: #111111;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 208, 0, 0.45);
}

._tryon-cta-btn_1abvn_969:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #d4d4d8;
  background: #f4f4f5;
  color: #a1a1aa;
  box-shadow: none;
}

._cta-hint_1abvn_1037 {
  font-size: 0.75rem;
  color: #71717a;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  text-align: center;
}

/* Right Result Section */
._result-section_1abvn_1061 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
  height: 100%;
}

._result-header_1abvn_1077 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
}

._result-controls_1abvn_1091 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._view-switcher_1abvn_1103 {
  display: flex;
  background: #f4f4f5;
  padding: 2px;
  border-radius: 8px;
  border: 1px solid #e4e4e7;
}

._view-btn_1abvn_1119 {
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 600;
  border: none;
  background: transparent;
  color: #71717a;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

._view-btn_1abvn_1119._active_1abvn_1143 {
  background: #ffffff;
  color: #111111;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._icon-action-btn_1abvn_1155 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  color: #27272a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

._icon-action-btn_1abvn_1155:hover {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
}

/* Result Stage Container */
._result-stage_1abvn_1197 {
  flex: 1;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 390px;
  position: relative;
  overflow: hidden;
}

/* Processing State */
._processing-state_1abvn_1227 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1rem;
  gap: 1.25rem;
}

._processing-visual_1abvn_1247 {
  position: relative;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._pulse-ring_1abvn_1265 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid #FFD000;
  animation: _pulseExpand_1abvn_1 1.6s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}

@keyframes _pulseExpand_1abvn_1 {
  0% {
    transform: scale(0.85);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.85);
    opacity: 0.8;
  }
}

._processing-icon_1abvn_1311 {
  color: #D4A800;
  animation: _spin_1abvn_1399 3s linear infinite;
}

@keyframes _spin_1abvn_1399 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._processing-title_1abvn_1339 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #111111;
  margin: 0;
}

._processing-steps_1abvn_1353 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 260px;
  text-align: left;
}

._step-item_1abvn_1371 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: #a1a1aa;
  transition: all 0.2s;
}

._step-item_1abvn_1371._step-active_1abvn_1389 {
  color: #111111;
  font-weight: 600;
}

._spin-icon_1abvn_1399 {
  animation: _spin_1abvn_1399 1s linear infinite;
  color: #D4A800;
}

/* Empty State */
._empty-stage_1abvn_1411 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5rem 1.5rem;
  gap: 0.75rem;
}

._empty-icon-circle_1abvn_1431 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #FFFDE8;
  border: 1px solid #FFE040;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

._empty-heading_1abvn_1455 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #111111;
  margin: 0;
}

._empty-text_1abvn_1469 {
  font-size: 0.8125rem;
  color: #6b7280;
  max-width: 320px;
  margin: 0;
  line-height: 1.4;
}

._empty-perks_1abvn_1485 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 0.75rem;
  text-align: left;
}

._empty-perk_1abvn_1485 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: #374151;
  font-weight: 500;
}

/* Result Display */
._result-display_1abvn_1521 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  width: 100%;
}

._result-image-wrap_1abvn_1537 {
  flex: 1;
  width: 100%;
  min-height: 300px;
  max-height: 370px;
  border-radius: 10px;
  overflow: hidden;
  background: #09090b;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: zoom-in;
}

._result-img_1abvn_1567 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

._zoom-hint-overlay_1abvn_1581 {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.6875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  backdrop-filter: blur(4px);
  pointer-events: none;
}

/* Result Actions */
._result-footer_1abvn_1617 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._primary-actions_1abvn_1629 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

._btn-add-cart_1abvn_1641 {
  height: 44px;
  border-radius: 10px;
  border: 1.5px solid #111111;
  background: #ffffff;
  color: #111111;
  font-weight: 700;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

._btn-add-cart_1abvn_1641:hover:not(:disabled) {
  background: #111111;
  color: #ffffff;
}

._btn-buy-now_1abvn_1683 {
  height: 44px;
  border-radius: 10px;
  border: none;
  background: #FFD000;
  color: #111111;
  font-weight: 800;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 4px 12px rgba(255, 208, 0, 0.35);
}

._btn-buy-now_1abvn_1683:hover:not(:disabled) {
  background: #e8bc00;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255, 208, 0, 0.5);
}

._btn-add-cart_1abvn_1641:disabled,
._btn-buy-now_1abvn_1683:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._utility-actions_1abvn_1741 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
}

._utility-btn_1abvn_1755 {
  background: none;
  border: none;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding: 4px;
  transition: color 0.15s ease;
}

._utility-btn_1abvn_1755:hover {
  color: #111111;
}

/* Fullscreen Lightbox */
._lightbox-overlay_1abvn_1793 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  animation: _fadeIn_1abvn_1 0.2s;
}

._lightbox-content_1abvn_1817 {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._lightbox-img_1abvn_1835 {
  max-width: 90vw;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
}

._lightbox-close_1abvn_1851 {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  color: #111111;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s;
  z-index: 10;
}

._lightbox-close_1abvn_1851:hover {
  transform: scale(1.1);
  background: #FFD000;
}

._lightbox-caption_1abvn_1899 {
  margin-top: 10px;
  color: #d4d4d8;
  font-size: 0.8125rem;
  font-weight: 500;
}

/* Button Success State */
._btn-add-cart-success_1abvn_1915 {
  background: #16a34a !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.35) !important;
}

/* Empty State Switcher Button */
._btn-go-to-upload_1abvn_1931 {
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #111111;
  color: #FFD000;
  border: 1px solid #FFD000;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s ease;
}

._btn-go-to-upload_1abvn_1931:hover {
  background: #FFD000;
  color: #111111;
}

/* Mobile Segmented Navigation Tabs */
._mobile-tabs-bar_1abvn_1975 {
  display: none;
}

/* Tablet Responsiveness (721px to 1024px) */
@media (min-width: 721px) and (max-width: 1024px) {
  ._modal-container_1abvn_55 {
    max-width: 95vw;
    max-height: 92vh;
    border-radius: 18px;
  }

  ._modal-header_1abvn_107 {
    padding: 1rem 1.25rem;
  }

  ._modal-content_1abvn_313 {
    padding: 1rem 1.25rem;
  }

  ._grid-layout_1abvn_349 {
    grid-template-columns: 280px 1fr;
    gap: 1.125rem;
  }

  ._preview-card_1abvn_617 {
    height: 160px;
  }

  ._result-stage_1abvn_1197 {
    min-height: 380px;
    max-height: 480px;
  }

  ._result-image-wrap_1abvn_1537 {
    min-height: 290px;
    max-height: 370px;
  }

  ._mobile-tabs-bar_1abvn_1975 {
    display: none !important;
  }

  ._controls-section_1abvn_365,
  ._result-section_1abvn_1061 {
    display: flex !important;
  }
}

/* Mobile Responsiveness (<= 720px) */
@media (max-width: 720px) {
  ._modal-overlay_1abvn_7 {
    padding: 0;
    align-items: flex-end;
  }

  ._modal-container_1abvn_55 {
    width: 100%;
    height: 95vh;
    max-height: 95vh;
    border-radius: 20px 20px 0 0;
    border: none;
  }

  ._modal-header_1abvn_107 {
    padding: 0.875rem 1rem;
  }

  ._modal-title_1abvn_173 {
    font-size: 1.1rem;
  }

  ._modal-subtitle_1abvn_191 {
    font-size: 0.75rem;
  }

  /* Mobile Tabs Switcher */
  ._mobile-tabs-bar_1abvn_1975 {
    display: flex;
    background: #f4f4f5;
    padding: 4px;
    margin: 0.75rem 1rem 0.25rem;
    border-radius: 12px;
    border: 1px solid #e4e4e7;
    gap: 4px;
    flex-shrink: 0;
  }

  ._mobile-tab-btn_1abvn_2151 {
    flex: 1;
    height: 40px;
    font-size: 0.8125rem;
    font-weight: 700;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: #71717a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.15s ease;
  }

  ._mobile-tab-btn_1abvn_2151._active_1abvn_1143 {
    background: #ffffff;
    color: #111111;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  ._tab-ready-dot_1abvn_2197 {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16a34a;
    box-shadow: 0 0 6px #16a34a;
    display: inline-block;
  }

  ._modal-content_1abvn_313 {
    padding: 0.875rem 1rem calc(1.5rem + env(safe-area-inset-bottom));
  }

  ._grid-layout_1abvn_349 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  /* Control visibility of panels based on mobile active tab */
  ._panel-hidden-mobile_1abvn_2237 {
    display: none !important;
  }

  ._controls-section_1abvn_365 {
    width: 100%;
  }

  ._result-section_1abvn_1061 {
    width: 100%;
  }

  ._preview-card_1abvn_617 {
    height: 180px;
  }

  ._result-stage_1abvn_1197 {
    min-height: 330px;
    padding: 0.625rem;
  }

  ._result-image-wrap_1abvn_1537 {
    min-height: 270px;
    max-height: 380px;
  }

  ._primary-actions_1abvn_1629 {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  ._btn-add-cart_1abvn_1641,
  ._btn-buy-now_1abvn_1683 {
    height: 46px;
    font-size: 0.875rem;
  }
}

@media (max-width: 480px) {
  ._primary-actions_1abvn_1629 {
    grid-template-columns: 1fr;
  }

  ._utility-actions_1abvn_1741 {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }
}

/* Quota Credit Indicator & Badges */
._quota-badge_1abvn_2339 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 9999px;
  font-size: 0.725rem;
  font-weight: 600;
  border: 1px solid #e4e4e7;
  background: #f8fafc;
  color: #334155;
  margin-top: 6px;
  transition: all 0.2s ease;
  width: fit-content;
}

._quota-badge_1abvn_2339[data-status="active"] {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

._quota-badge_1abvn_2339[data-tier="paid"] {
  border-color: #fde68a;
  background: #fffbeb;
  color: #b45309;
}

._quota-badge_1abvn_2339[data-status="exhausted"] {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

._quota-alert-card_1abvn_2407 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 12px;
  animation: _quotaSlideIn_1abvn_1 0.3s ease-out;
}

@keyframes _quotaSlideIn_1abvn_1 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._quota-alert-icon_1abvn_2453 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #ffe4e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._quota-alert-body_1abvn_2475 {
  flex: 1;
}

._quota-alert-title_1abvn_2483 {
  font-size: 0.85rem;
  font-weight: 700;
  color: #9f1239;
  margin: 0 0 4px 0;
}

._quota-alert-text_1abvn_2497 {
  font-size: 0.775rem;
  color: #be123c;
  margin: 0 0 10px 0;
  line-height: 1.4;
}

._quota-alert-text_1abvn_2497 strong {
  font-weight: 700;
  color: #881337;
}

._quota-shop-btn_1abvn_2521 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #111111;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

._quota-shop-btn_1abvn_2521:hover {
  background: #e11d48;
  color: #ffffff;
  transform: translateY(-1px);
}
._container_1d52u_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  color: #111111;
}

/* Brand Eyebrow & Live Stock */
._eyebrowRow_1d52u_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

._brandBadge_1d52u_18 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._brandName_1d52u_24 {
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #111111;
}

._factoryBadge_1d52u_33 {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  background: #111111;
  color: #FFD000;
  border-radius: 9999px;
  text-transform: uppercase;
}

._stockBadge_1d52u_45 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #15803d;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  padding: 4px 10px;
  border-radius: 9999px;
}

._pulseDot_1d52u_58 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
  animation: _pulseGreen_1d52u_1 2s infinite;
}

@keyframes _pulseGreen_1d52u_1 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

/* Title & Meta */
._titleSection_1d52u_83 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._title_1d52u_83 {
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: #111111;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0;
}

@media (min-width: 640px) {
  ._title_1d52u_83 {
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  ._title_1d52u_83 {
    font-size: 2.25rem;
  }
}

._styleMeta_1d52u_111 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  color: #71717a;
}

._skuTag_1d52u_119 {
  font-family: monospace;
  background: #f4f4f5;
  padding: 2px 6px;
  border-radius: 4px;
}

._genderTag_1d52u_126 {
  font-weight: 500;
}

/* Rating Bar */
._ratingBar_1d52u_131 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 4px;
}

._ratingPill_1d52u_138 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f8f8f6;
  border: 1px solid #e7e7e5;
  padding: 4px 10px;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.15s ease;
}

._ratingPill_1d52u_138:hover {
  background: #f0f0ee;
  border-color: #d4d4d0;
}

._ratingScore_1d52u_155 {
  font-weight: 700;
  font-size: 0.8125rem;
  color: #111;
}

._stars_1d52u_161 {
  display: flex;
  align-items: center;
  gap: 2px;
}

._reviewCount_1d52u_167 {
  font-size: 0.75rem;
  color: #666;
  font-weight: 500;
}

._authenticityTag_1d52u_173 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #15803d;
  font-weight: 600;
}

/* Pricing Card */
._pricingCard_1d52u_183 {
  background: #fafaf9;
  border: 1px solid #e7e7e5;
  border-radius: 14px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._priceRow_1d52u_193 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}

._salePrice_1d52u_200 {
  display: flex;
  align-items: baseline;
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-weight: 800;
  color: #111111;
}

._currency_1d52u_208 {
  font-size: 1.5rem;
  margin-right: 2px;
}

._amount_1d52u_213 {
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: -0.02em;
}

@media (min-width: 640px) {
  ._amount_1d52u_213 {
    font-size: 2.25rem;
  }
}

._mrpWrapper_1d52u_225 {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #888888;
}

._mrpLabel_1d52u_232 {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._originalPrice_1d52u_239 {
  font-size: 1.125rem;
  text-decoration: line-through;
  font-weight: 500;
}

._discountBadge_1d52u_245 {
  background: #16a34a;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 3px 10px;
  border-radius: 9999px;
  box-shadow: 0 2px 6px rgba(22, 163, 74, 0.25);
}

._savingsBanner_1d52u_256 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.8125rem;
}

._taxNote_1d52u_268 {
  font-size: 0.75rem;
  color: #71717a;
  margin: 0;
}

/* Description */
._descriptionBox_1d52u_275 {
  color: #4b5563;
  font-size: 0.9375rem;
  line-height: 1.6;
}

._description_1d52u_275 {
  margin: 0;
}

/* Swatches / Colors */
._swatchSection_1d52u_286 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._sectionHeader_1d52u_292 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._sectionTitle_1d52u_298 {
  font-size: 0.875rem;
  color: #4b5563;
}

._sectionTitle_1d52u_298 strong {
  color: #111111;
  font-weight: 600;
}

._colorCount_1d52u_308 {
  font-size: 0.75rem;
  color: #71717a;
}

._colorGrid_1d52u_313 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._colorSwatch_1d52u_320 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 3px;
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

._colorCircle_1d52u_335 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: block;
}

._colorSwatch_1d52u_320:hover {
  transform: translateY(-2px);
}

._colorSwatchActive_1d52u_347 {
  border-color: #111111;
  box-shadow: 0 0 0 2px #FFD000;
}

._colorCheckMark_1d52u_352 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}

/* Sizes */
._sizeSection_1d52u_364 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sizeGuideLink_1d52u_370 {
  background: none;
  border: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #111111;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.15s ease;
}

._sizeGuideLink_1d52u_370:hover {
  color: #b45309;
}

._sizeGrid_1d52u_390 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

@media (max-width: 480px) {
  ._sizeGrid_1d52u_390 {
    grid-template-columns: repeat(4, 1fr);
  }
}

._sizePill_1d52u_402 {
  height: 46px;
  border-radius: 10px;
  border: 1.5px solid #e5e5e5;
  background-color: #ffffff;
  color: #111111;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

._sizePill_1d52u_402:hover:not(:disabled) {
  border-color: #111111;
  background-color: #fafaf9;
}

._sizePillActive_1d52u_422 {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._sizePill_1d52u_402:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  text-decoration: line-through;
  background: #f4f4f5;
}

._fitNote_1d52u_436 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #71717a;
}

/* Validation notice */
._validationNotice_1d52u_445 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-weight: 600;
}

/* Quantity Row */
._quantityRow_1d52u_459 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  background: #fbfbf9;
  border: 1px solid #eeeeea;
  border-radius: 12px;
}

._quantityHeader_1d52u_469 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._quantityLabel_1d52u_475 {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

._subtotalHint_1d52u_483 {
  font-size: 0.75rem;
  font-weight: 600;
  color: #15803d;
  background: #dcfce7;
  padding: 2px 8px;
  border-radius: 9999px;
}

._quantityControls_1d52u_492 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._qtyBtn_1d52u_498 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #d4d4d8;
  background: #ffffff;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

._qtyBtn_1d52u_498:hover:not(:disabled) {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
}

._qtyBtn_1d52u_498:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._qtyValue_1d52u_523 {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9375rem;
  min-width: 24px;
  text-align: center;
}

/* Primary Add To Cart Button - 100% full width */
._addToCartBtn_1d52u_532 {
  width: 100%;
  height: 52px;
  background: #FFD000;
  color: #111111;
  border: none;
  border-radius: 12px;
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-weight: 700;
  font-size: 0.9375rem;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(255, 208, 0, 0.4);
  white-space: nowrap;
}

._addToCartBtn_1d52u_532:hover {
  background: #111111;
  color: #FFD000;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

._addToCartBtn_1d52u_532:active {
  transform: translateY(0);
}

/* Secondary Actions - Stacked full-width rows for clear hierarchy & zero text wrapping */
._secondaryActions_1d52u_565 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

._tryOnButton_1d52u_572 {
  position: relative;
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: 1.5px solid rgba(236, 72, 153, 0.35);
  background: linear-gradient(135deg, #18181b 0%, #27272a 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  padding: 0 20px;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  white-space: nowrap !important;
}

._tryOnButton_1d52u_572:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.3);
  border-color: #ec4899;
}

._sparkleIcon_1d52u_600 {
  color: #f472b6;
  filter: drop-shadow(0 0 6px rgba(244, 114, 182, 0.6));
  flex-shrink: 0;
}

._tryOnText_1d52u_606 {
  white-space: nowrap !important;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1;
}

._tryOnBadge_1d52u_614 {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: linear-gradient(135deg, #ec4899, #8b5cf6);
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 6px;
  flex-shrink: 0;
  white-space: nowrap !important;
  line-height: 1;
}

._wishlistButton_1d52u_627 {
  height: 48px;
  border-radius: 12px;
  border: 1.5px solid #e5e5e5;
  background: #ffffff;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}

._wishlistButton_1d52u_627:hover {
  border-color: #111111;
  background: #fafaf9;
}

._wishlistButtonActive_1d52u_648 {
  color: #ef4444 !important;
  border-color: #fca5a5 !important;
  background: #fef2f2 !important;
}

/* Interactive Pincode & Delivery Section */
._deliveryEstimateBar_1d52u_655 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fbfbf9;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 16px;
  transition: all 0.2s ease;
}

._pincodeHeader_1d52u_666 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._pincodeHeaderTitle_1d52u_672 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #111111;
  letter-spacing: -0.01em;
}

._pincodeForm_1d52u_682 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1.5px solid #e5e5e5;
  border-radius: 10px;
  padding: 4px 6px 4px 12px;
  transition: border-color 0.2s;
}

._pincodeForm_1d52u_682:focus-within {
  border-color: #111111;
}

._pincodeInput_1d52u_697 {
  border: none;
  background: transparent;
  outline: none;
  font-size: 0.875rem;
  color: #111111;
  width: 100%;
  font-family: inherit;
  font-weight: 500;
}

._pincodeInput_1d52u_697::placeholder {
  color: #a1a1aa;
}

._pincodeBtn_1d52u_712 {
  background: #111111;
  color: #ffffff;
  border: none;
  border-radius: 7px;
  padding: 7px 14px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s;
  white-space: nowrap;
}

._pincodeBtn_1d52u_712:hover:not(:disabled) {
  background: #27272a;
}

._pincodeBtn_1d52u_712:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._pincodeErrorNotice_1d52u_737 {
  font-size: 0.75rem;
  color: #ef4444;
  display: flex;
  align-items: center;
  gap: 4px;
}

._deliveryResultCard_1d52u_745 {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._deliveryDateRow_1d52u_755 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: #18181b;
  font-weight: 600;
}

._deliveryDateHighlight_1d52u_764 {
  color: #15803d;
  font-weight: 700;
}

._deliveryBadgesRow_1d52u_769 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._deliveryBadge_1d52u_769 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 6px;
}

._badgeCod_1d52u_785 {
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}

._badgeFast_1d52u_791 {
  background: #eff6ff;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

._badgeFree_1d52u_797 {
  background: #faf5ff;
  color: #6b21a8;
  border: 1px solid #e9d5ff;
}

._returnPolicyBar_1d52u_803 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f4f4f5;
  border-radius: 9px;
  cursor: pointer;
  transition: background 0.15s;
}

._returnPolicyBar_1d52u_803:hover {
  background: #e4e4e7;
}

._returnPolicyText_1d52u_818 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #27272a;
}

/* Trust Perks Grid */
._trustGrid_1d52u_828 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 4px;
}

@media (max-width: 480px) {
  ._trustGrid_1d52u_828 {
    grid-template-columns: 1fr;
  }
}

._trustCard_1d52u_841 {
  background: #fbfbf9;
  border: 1px solid #eeeeea;
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._trustIconWrap_1d52u_851 {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._trustTitle_1d52u_863 {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #111111;
  margin: 0 0 2px 0;
}

._trustDesc_1d52u_870 {
  font-size: 0.6875rem;
  color: #71717a;
  line-height: 1.35;
  margin: 0;
}

/* Share Section */
._shareSection_1d52u_878 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e7e7e5;
  padding-top: 16px;
}

._shareLabel_1d52u_886 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #71717a;
}

._shareIcons_1d52u_892 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._shareBtn_1d52u_898 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

._shareBtn_1d52u_898:hover {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
  transform: translateY(-2px);
}

/* Modal Overlay & Content */
._modalOverlay_1d52u_920 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: _fadeIn_1d52u_1 0.2s ease-out;
}

._modalContent_1d52u_933 {
  background: #ffffff;
  border-radius: 20px;
  max-width: 680px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}

._modalHeader_1d52u_945 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e5e5;
}

._modalTitle_1d52u_953 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111111;
  margin: 0 0 4px 0;
}

._modalSubtitle_1d52u_960 {
  font-size: 0.8125rem;
  color: #71717a;
  margin: 0;
}

._modalCloseBtn_1d52u_966 {
  border-radius: 50%;
}

._sizeGuideImageContainer_1d52u_970 {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f6;
}

._sizeGuideImage_1d52u_970 {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

._modalFooter_1d52u_984 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  background: #fffbeb;
  color: #92400e;
  font-size: 0.8125rem;
  border-top: 1px solid #fef3c7;
}

@keyframes _fadeIn_1d52u_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}._star-rating_17yys_1 {
    display: flex;
    align-items: center;
    gap: 2px;
}

._star-interactive_17yys_7 {
    cursor: pointer;
    transition: transfrom 0.1s ease;
}

._star-interactive_17yys_7:hover {
    transform: scale(1.1);
}

._star_17yys_1 {
    color: #e2e8f0;
    /* text-muted-foreground equivalent */
    fill: transparent;
    transition: all 0.2s ease;
}

._star-filled_17yys_23 {
    color: #f59e0b;
    /* text-accent / yellow-500 equivalent */
    fill: #f59e0b;
}

._star-text_17yys_29 {
    margin-left: 8px;
    font-size: 0.875rem;
    color: #4b5563;
    font-weight: 500;
}._overlay_1j1gc_1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    backdrop-filter: blur(4px);
}

._modal_1j1gc_15 {
    background: white;
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    animation: _slideUp_1j1gc_1 0.3s ease-out;
}

@keyframes _slideUp_1j1gc_1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._header_1j1gc_36 {
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._title_1j1gc_44 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

._close-btn_1j1gc_51 {
    background: none;
    border: none;
    cursor: pointer;
    color: #6b7280;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.2s;
}

._close-btn_1j1gc_51:hover {
    background-color: #f3f4f6;
    color: #374151;
}

._content_1j1gc_66 {
    padding: 24px;
}

._product-info_1j1gc_70 {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
}

._product-image_1j1gc_78 {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    background-color: #f3f4f6;
}

._product-details_1j1gc_86 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._product-name_1j1gc_92 {
    font-weight: 500;
    color: #111827;
    margin-bottom: 4px;
}

._rating-section_1j1gc_98 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

._rating-label_1j1gc_106 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

._form-group_1j1gc_112 {
    margin-bottom: 24px;
}

._label_1j1gc_116 {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
}

._textarea_1j1gc_124 {
    width: 100%;
    min-height: 120px;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    resize: vertical;
    font-family: inherit;
    font-size: 0.875rem;
    transition: border-color 0.2s;
}

._textarea_1j1gc_124:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

._footer_1j1gc_142 {
    padding: 16px 24px;
    background-color: #f9fafb;
    border-top: 1px solid #e5e7eb;
    border-radius: 0 0 16px 16px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

._btn_1j1gc_152 {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
}

._btn-cancel_1j1gc_162 {
    background-color: white;
    border-color: #d1d5db;
    color: #374151;
}

._btn-cancel_1j1gc_162:hover {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

._btn-submit_1j1gc_173 {
    background-color: #2563eb;
    color: white;
}

._btn-submit_1j1gc_173:hover {
    background-color: #1d4ed8;
}

._btn-submit_1j1gc_173:disabled {
    background-color: #93c5fd;
    cursor: not-allowed;
}

._error-message_1j1gc_187 {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 4px;
}._tabs-container_pi46p_1 {
    background-color: #ffffff;
    border: 1px solid #e7e7e5;
    border-radius: 18px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

._tabs-nav-container_pi46p_9 {
    background: #fafaf8;
    border-bottom: 1px solid #e7e7e5;
    padding: 6px 12px;
}

._tabs-nav_pi46p_9 {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

._tabs-nav_pi46p_9::-webkit-scrollbar {
    display: none;
}

._tab-btn_pi46p_26 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 10px;
    border: none;
    background: transparent;
    transition: all 0.15s ease;
    color: #666666;
    white-space: nowrap;
    cursor: pointer;
}

._tab-btn_pi46p_26:hover {
    color: #111111;
    background: #f0f0ee;
}

._tab-btn_pi46p_26._active_pi46p_47 {
    background: #111111;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

._tab-content_pi46p_53 {
    padding: 28px;
}

@media (max-width: 640px) {
    ._tab-content_pi46p_53 {
        padding: 20px 16px;
    }
}

/* Details Tab */
._details-content_pi46p_64 {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

._section-title_pi46p_70 {
    font-family: var(--font-heading, 'Outfit', sans-serif);
    font-size: 1.125rem;
    font-weight: 700;
    color: #111111;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

._specs-grid_pi46p_81 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 768px) {
    ._specs-grid_pi46p_81 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

._spec-item_pi46p_94 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #fbfbf9;
    border: 1px solid #eeeeea;
    border-radius: 10px;
    font-size: 0.875rem;
}

._spec-label_pi46p_105 {
    color: #71717a;
    font-weight: 500;
}

._spec-value_pi46p_110 {
    color: #111111;
    font-weight: 600;
    text-align: right;
}

._features-list_pi46p_116 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    ._features-list_pi46p_116 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

._feature-item_pi46p_132 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.4;
    padding: 12px 14px;
    background: #fbfbf9;
    border: 1px solid #eeeeea;
    border-radius: 10px;
}

._feature-check_pi46p_145 {
    color: #15803d;
    background: #dcfce7;
    border-radius: 50%;
    padding: 3px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Reviews Tab */
._reviews-content_pi46p_156 {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

._rating-summary_pi46p_162 {
    background-color: #fafaf9;
    border: 1px solid #e7e7e5;
    padding: 24px;
    border-radius: 14px;
}

._rating-overview_pi46p_169 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 768px) {
    ._rating-overview_pi46p_169 {
        flex-direction: row;
        align-items: center;
        gap: 36px;
    }
}

._rating-big_pi46p_183 {
    text-align: center;
    min-width: 160px;
}

._rating-number_pi46p_188 {
    font-family: var(--font-heading, 'Outfit', sans-serif);
    font-size: 3.25rem;
    font-weight: 800;
    color: #111111;
    line-height: 1;
}

._rating-stars_pi46p_196 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 8px 0 4px 0;
}

._rating-count_pi46p_204 {
    font-size: 0.8125rem;
    color: #71717a;
    margin-bottom: 12px;
}

._write-review-btn_pi46p_210 {
    background-color: #111111;
    color: #FFD000;
    border: none;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
}

._write-review-btn_pi46p_210:hover {
    background-color: #27272a;
    transform: translateY(-1px);
}

._purchase-loading_pi46p_228 {
    font-size: 0.75rem;
    color: #71717a;
    padding: 8px;
}

._rating-bars_pi46p_234 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._rating-bar-row_pi46p_241 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8125rem;
}

._star-label_pi46p_248 {
    width: 14px;
    font-weight: 600;
    color: #111111;
    text-align: right;
}

._star-icon_pi46p_255 {
    color: #FFD000;
}

._bar-container_pi46p_259 {
    flex: 1;
    background-color: #e5e5e5;
    border-radius: 9999px;
    height: 8px;
    overflow: hidden;
}

._bar-fill_pi46p_267 {
    background-color: #FFD000;
    height: 100%;
    border-radius: 9999px;
    transition: width 0.3s ease;
}

._bar-count_pi46p_274 {
    width: 28px;
    color: #71717a;
    font-size: 0.75rem;
    text-align: right;
}

._reviews-list_pi46p_281 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._review-item_pi46p_287 {
    border: 1px solid #eeeeea;
    border-radius: 12px;
    padding: 18px;
    background: #ffffff;
    transition: box-shadow 0.15s ease;
}

._review-item_pi46p_287:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

._pinned-review_pi46p_299 {
    background-color: #fefce8;
    border-color: #fef08a;
}

._review-header_pi46p_304 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

._user-avatar_pi46p_310 {
    width: 38px;
    height: 38px;
    background-color: #f4f4f5;
    color: #71717a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._review-body_pi46p_322 {
    flex: 1;
}

._review-meta_pi46p_326 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}

._reviewer-name_pi46p_333 {
    font-weight: 700;
    font-size: 0.9375rem;
    color: #111111;
    display: flex;
    align-items: center;
    gap: 8px;
}

._pinned-badge_pi46p_342 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #FFD000;
    color: #111111;
    font-size: 0.6875rem;
    padding: 2px 8px;
    border-radius: 9999px;
    font-weight: 700;
}

._reviewTitle_pi46p_354 {
    font-size: 1rem;
    font-weight: 700;
    color: #111111;
    margin: 4px 0 2px 0;
}

._review-text_pi46p_361 {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #4b5563;
    margin: 0;
}

._reviewFooter_pi46p_368 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f4f4f5;
}

._reviewDate_pi46p_377 {
    font-size: 0.75rem;
    color: #9ca3af;
}

._voteButtons_pi46p_382 {
    display: flex;
    gap: 10px;
}

._voteBtn_pi46p_387 {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #f4f4f5;
    border: none;
    color: #6b7280;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

._voteBtn_pi46p_387:hover {
    color: #111111;
    background-color: #e4e4e7;
}

._admin-reply_pi46p_407 {
    margin-top: 14px;
    background-color: #fafaf9;
    padding: 14px;
    border-radius: 8px;
    border-left: 3px solid #FFD000;
}

._admin-badge_pi46p_415 {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

._admin-reply-text_pi46p_423 {
    font-size: 0.8125rem;
    color: #4b5563;
    margin-top: 4px;
}

._no-reviews_pi46p_429 {
    text-align: center;
    padding: 40px 20px;
    background: #fafaf9;
    border-radius: 12px;
    color: #71717a;
    font-size: 0.875rem;
}

/* Shipping Tab */
._shipping-content_pi46p_439 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._shipping-grid_pi46p_445 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 768px) {
    ._shipping-grid_pi46p_445 {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

._shipping-title_pi46p_458 {
    font-family: var(--font-heading, 'Outfit', sans-serif);
    font-weight: 700;
    font-size: 1.0625rem;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111111;
}

._shipping-options_pi46p_469 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._shipping-option_pi46p_469 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #fbfbf9;
    border: 1px solid #eeeeea;
    border-radius: 10px;
}

._option-name_pi46p_485 {
    font-weight: 700;
    color: #111111;
    font-size: 0.875rem;
}

._option-desc_pi46p_491 {
    color: #71717a;
    font-size: 0.75rem;
    margin-top: 2px;
}

._option-price_pi46p_497 {
    font-weight: 700;
    font-family: monospace;
    font-size: 0.9375rem;
}

._option-price_pi46p_497._free_pi46p_503 {
    color: #15803d;
    background: #dcfce7;
    padding: 3px 8px;
    border-radius: 9999px;
    font-size: 0.75rem;
}

._returns-list_pi46p_511 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.875rem;
    color: #4b5563;
    background: #fbfbf9;
    border: 1px solid #eeeeea;
    padding: 16px;
    border-radius: 10px;
}

._returns-list_pi46p_511 p {
    margin: 0;
    line-height: 1.5;
}

/* Care Tab */
._care-content_pi46p_529 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

._care-header_pi46p_535 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

._care-intro_pi46p_541 {
    font-size: 0.875rem;
    color: #71717a;
    line-height: 1.5;
    margin: 0;
}

._care-grid_pi46p_548 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 640px) {
    ._care-grid_pi46p_548 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

._care-card_pi46p_561 {
    background: #fbfbf9;
    border: 1px solid #eeeeea;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    transition: all 0.15s ease;
}

._care-card_pi46p_561:hover {
    background: #ffffff;
    border-color: #d4d4d8;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

._care-icon-wrap_pi46p_578 {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

._care-card-title_pi46p_591 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #111111;
    margin: 0 0 4px 0;
}

._care-card-desc_pi46p_598 {
    font-size: 0.8125rem;
    color: #71717a;
    line-height: 1.45;
    margin: 0;
}

._care-tips_pi46p_605 {
    background-color: #fffbeb;
    border: 1px solid #fef3c7;
    padding: 16px;
    border-radius: 12px;
}

._care-tip-content_pi46p_612 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

._care-tip-icon_pi46p_618 {
    color: #15803d;
    margin-top: 2px;
    flex-shrink: 0;
}

._care-tip-title_pi46p_624 {
    font-weight: 700;
    color: #111111;
    margin: 0 0 4px 0;
    font-size: 0.875rem;
}

._care-tip-desc_pi46p_631 {
    font-size: 0.8125rem;
    color: #4b5563;
    line-height: 1.5;
    margin: 0;
}/* ==============================================
   PRODUCT CARD - MyDesignation Reference Style
   Image → fit badge at bottom-left → category+name+price → ADD TO CART btn
   ============================================== */

._card_56vxh_6 {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 200ms ease, transform 200ms ease;
}

._card_56vxh_6:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* ─── Image container ─── */
._image-container_56vxh_25 {
    position: relative;
    aspect-ratio: 3/4;
    overflow: hidden;
    background-color: #f5f5f5;
}

._product-image_56vxh_32 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 300ms ease;
}

._card_56vxh_6:hover ._product-image_56vxh_32 {
    transform: scale(1.04);
}

/* ─── Badges: top-left corner ─── */
._badges_56vxh_45 {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 10;
}

._badge_56vxh_45 {
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 1;
    text-transform: uppercase;
}

._badge-top-seller_56vxh_65 {
    background-color: #1958D2;
    color: #ffffff;
}

._badge-new_56vxh_70 {
    background-color: #0070F3;
    color: #ffffff;
}

._badge-discount_56vxh_75 {
    background-color: #E04F16;
    color: #ffffff;
}

._badge-low-stock_56vxh_80 {
    background-color: #F59E0B;
    color: #ffffff;
}

/* ─── Wishlist button (top-right) ─── */
._top-actions_56vxh_86 {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

._wishlist-circle-btn_56vxh_93 {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 150ms ease, background-color 150ms ease;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

._wishlist-circle-btn_56vxh_93:hover {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, 0.7);
}

._heart-inactive_56vxh_113 {
    color: #ffffff;
}

._heart-active_56vxh_117 {
    color: #E63B2E;
    fill: #E63B2E;
}

/* ─── Fit tag at bottom-left of image ─── */
._fit-tag_56vxh_123 {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background-color: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    backdrop-filter: blur(2px);
    z-index: 5;
}

/* ─── Cart overlay (hover) ─── */
._cart-overlay_56vxh_140 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    background: linear-gradient(to top, rgba(0,0,0,0.3), transparent);
    transform: translateY(100%);
    transition: transform 250ms ease;
    z-index: 10;
}

._card_56vxh_6:hover ._cart-overlay_56vxh_140 {
    transform: translateY(0);
}

._cart-btn_56vxh_156 {
    width: 100%;
    background-color: rgba(255,255,255,0.9) !important;
    color: #111111 !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    letter-spacing: 1px;
    text-transform: uppercase;
}

._cart-btn_56vxh_156:hover {
    background-color: #FFD000 !important;
    color: #111111 !important;
}

/* Mobile: cart overlay always visible */
@media (max-width: 767px) {
    ._cart-overlay_56vxh_140 {
        transform: translateY(0);
        background: none;
        padding: 6px;
    }

    ._cart-btn_56vxh_156 {
        font-size: 10px !important;
    }
}

/* ─── Thumbnails ─── */
._thumbnails_56vxh_187 {
    display: none;
}

/* ─── Product Info ─── */
._info_56vxh_192 {
    padding: 10px 10px 0 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Category & rating row */
._category-row_56vxh_200 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
}

._brand_56vxh_207 {
    font-size: 10px;
    font-weight: 800;
    color: #D4A800;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
}

._rating_56vxh_216 {
    font-size: 11px;
    font-weight: 800;
    color: #111111;
    line-height: 1;
}

/* Product name — bold, dark */
._title_56vxh_224 {
    font-weight: 700;
    font-size: 13px;
    color: #111111;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    font-family: 'Outfit', 'Inter', sans-serif;
}

@media (min-width: 480px) {
    ._title_56vxh_224 {
        font-size: 14px;
    }
}

/* Price row */
._price-container_56vxh_245 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

._price_56vxh_245 {
    font-weight: 700;
    font-size: 14px;
    color: #111111;
    font-family: 'Outfit', 'Inter', sans-serif;
}

@media (min-width: 480px) {
    ._price_56vxh_245 {
        font-size: 15px;
    }
}

._original-price_56vxh_266 {
    font-size: 13px;
    color: #999999;
    text-decoration: line-through;
}

/* Sizes (compact, below price) */
._sizes_56vxh_273 {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

._sizes-label_56vxh_281 {
    font-size: 10px;
    color: #999;
}

._size-list_56vxh_286 {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

._size-badge_56vxh_292 {
    font-size: 9px;
    font-weight: 700;
    background-color: #f5f5f5;
    color: #555;
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

/* ─── ADD TO CART button (below info) ─── */
._add-to-cart-row_56vxh_303 {
    padding: 0 8px;
}

._add-to-cart-btn_56vxh_307 {
    width: 100%;
    background-color: #111111;
    color: #ffffff;
    border: none;
    padding: 10px 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0 0 12px 12px;
    transition: background-color 150ms ease;
    font-family: 'Outfit', 'Inter', sans-serif;
}

._add-to-cart-btn_56vxh_307:hover {
    background-color: #FFD000;
    color: #111111;
}

._add-to-cart-btn_56vxh_307:active {
    transform: scale(0.98);
}

._add-to-cart-btn_56vxh_307:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

/* ─── Quick view container (hidden) ─── */
._quick-view-container_56vxh_338 {
    display: none;
}

/* ─── Responsive adjustments ─── */
@media (max-width: 480px) {
    ._info_56vxh_192 {
        padding: 8px 8px 0 8px;
    }

    ._add-to-cart-row_56vxh_303 {
        padding: 0 8px 8px;
    }

    ._brand_56vxh_207 {
        font-size: 9px;
    }

    ._title_56vxh_224 {
        font-size: 12px;
    }

    ._price_56vxh_245 {
        font-size: 13px;
    }

    ._add-to-cart-btn_56vxh_307 {
        font-size: 10px;
        padding: 9px 0;
    }
}._container_527p6_1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    margin-top: var(--space-12);
}

._header_527p6_8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._title_527p6_14 {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

._view-all-btn_527p6_20 {
    display: flex;
    align-items: center;
}

._arrow-icon_527p6_25 {
    margin-left: var(--space-2);
}

._grid_527p6_29 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
}

@media (min-width: 768px) {
    ._grid_527p6_29 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    ._grid_527p6_29 {
        grid-template-columns: repeat(4, 1fr);
    }
}

._loading_527p6_47 {
    padding: var(--space-12);
    text-align: center;
    color: var(--text-muted);
    font-style: italic;
}._container_1cjfy_1 {
    min-height: 100vh;
    background-color: var(--bg-background);
}

._main-content_1cjfy_6 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
}

/* Breadcrumb */
._breadcrumb_1cjfy_14 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    color: #888888;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

._breadcrumb-link_1cjfy_24 {
    background: none;
    border: none;
    padding: 0;
    font-size: inherit;
    color: #666666;
    cursor: pointer;
    font-weight: 500;
    transition: color 0.15s ease;
}

._breadcrumb-link_1cjfy_24:hover {
    color: #111111;
}

._breadcrumb-current_1cjfy_39 {
    color: #111111;
    font-weight: 600;
    max-width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Layout */
._product-grid_1cjfy_49 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: var(--space-12);
    align-items: start;
}

._gallery-column_1cjfy_57 {
    min-width: 0;
    width: 100%;
}

._info-column_1cjfy_62 {
    min-width: 0;
    width: 100%;
}

@media (min-width: 700px) {
    ._product-grid_1cjfy_49 {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        margin-bottom: var(--space-14);
    }

    ._info-column_1cjfy_62 {
        position: sticky;
        top: 86px;
        align-self: start;
    }
}

@media (min-width: 1024px) {
    ._product-grid_1cjfy_49 {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 48px;
        margin-bottom: var(--space-16);
    }

    ._info-column_1cjfy_62 {
        position: sticky;
        top: 92px;
        align-self: start;
    }
}

/* Sections */
._tabs-section_1cjfy_96 {
    margin-bottom: var(--space-16);
}

._related-section_1cjfy_100 {
    margin-bottom: var(--space-8);
}

/* Cart Notification */
._notification_1cjfy_105 {
    position: fixed;
    bottom: var(--space-4);
    right: var(--space-4);
    background-color: var(--color-success);
    color: var(--color-white);
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 1000002;
    max-width: 24rem;
    /* max-w-sm */
    animation: _slideIn_1cjfy_1 0.3s ease-out;
}

@keyframes _slideIn_1cjfy_1 {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

._notification-content_1cjfy_132 {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

._notification-icon_1cjfy_138 {
    flex-shrink: 0;
    margin-top: 2px;
}

._notification-body_1cjfy_143 {
    flex: 1;
}

._notification-title_1cjfy_147 {
    font-weight: var(--font-medium);
    margin-bottom: var(--space-1);
}

._notification-message_1cjfy_152 {
    font-size: var(--text-sm);
    opacity: 0.9;
    margin-bottom: var(--space-3);
}

._notification-actions_1cjfy_158 {
    display: flex;
    gap: var(--space-2);
}

._notification-btn_1cjfy_163 {
    background-color: var(--color-white);
    color: var(--color-success);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-md);
    transition: background-color var(--transition-fast);
}

._notification-btn_1cjfy_163:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

._notification-close_1cjfy_177 {
    color: var(--color-white);
    opacity: 0.8;
    transition: opacity var(--transition-fast);
}

._notification-close_1cjfy_177:hover {
    opacity: 1;
}

@media (max-width: 480px) {
    ._notification_1cjfy_105 {
        left: var(--space-4);
        right: var(--space-4);
        max-width: none;
        bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
    }
}

/* Loading State */
._loading-container_1cjfy_197 {
    min-height: 100vh;
    background-color: var(--bg-background);
}

._loading-content_1cjfy_202 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
}

._loading-grid_1cjfy_209 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-8);
    margin-bottom: var(--space-12);
}

@media (min-width: 1024px) {
    ._loading-grid_1cjfy_209 {
        grid-template-columns: repeat(2, 1fr);
    }
}

._loading-image_1cjfy_222 {
    aspect-ratio: 1;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-4);
}

._loading-thumbnails_1cjfy_229 {
    display: flex;
    gap: var(--space-2);
}

._loading-thumb_1cjfy_229 {
    width: 64px;
    height: 64px;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-md);
}

._loading-info_1cjfy_241 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

._loading-bar_1cjfy_247 {
    height: 24px;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-md);
}

._loading-bar_1cjfy_247._title_1cjfy_253 {
    width: 75%;
    height: 32px;
}

._loading-bar_1cjfy_247._price_1cjfy_258 {
    width: 25%;
}

._loading-bar_1cjfy_247._desc_1cjfy_262 {
    width: 100%;
    height: 80px;
}

/* Error State */
._error-container_1cjfy_268 {
    min-height: 100vh;
    background-color: var(--bg-background);
}

._error-content_1cjfy_273 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-16) var(--space-4);
    text-align: center;
}

._error-icon_1cjfy_281 {
    margin: 0 auto var(--space-4);
    color: var(--text-muted);
}

._error-title_1cjfy_286 {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-2);
}

._error-message_1cjfy_292 {
    color: var(--text-muted);
    margin-bottom: var(--space-6);
}/* ==============================================
   HERO BANNER - Full-bleed image slider style
   Like MyDesignation: full-width photo + overlay CTA
   ============================================== */

._hero-section_clll9_6 {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #1a1a1a;
}

._hero-split-container_clll9_13 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1024px) {
    ._hero-split-container_clll9_13 {
        flex-direction: row;
    }
}

/* Left Side: Content (shown on desktop, overlaid on mobile) */
._hero-left_clll9_26 {
    display: none;
}

@media (min-width: 1024px) {
    ._hero-left_clll9_26 {
        display: none; /* We overlay content on the image instead */
    }
}

._hero-content-box_clll9_36 {
    max-width: 420px;
}

._hero-right_clll9_40 {
    flex: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 82px);
    max-height: 720px;
    min-height: 420px;
}

._image-wrapper_clll9_50 {
    width: 100%;
    height: 100%;
    position: relative;
}

._hero-photo_clll9_56 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    display: block;
}

/* ─── Overlay: SHOP NOW + text badge (Positioned at bottom of banner) ─── */
._hero-overlay_clll9_65 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 32px 56px;
    pointer-events: none;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.32) 0%,
        rgba(0, 0, 0, 0.08) 25%,
        transparent 55%
    );
    z-index: 12;
}

@media (max-width: 768px) {
    ._hero-overlay_clll9_65 {
        justify-content: center;
        padding: 20px 20px 48px;
    }
}

._hero-actions_clll9_89 {
    pointer-events: all;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

._cta-button_clll9_97 {
    background-color: #111111;
    color: #ffffff;
    padding: 15px 44px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 2px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: 'Outfit', 'Inter', sans-serif;
    border-radius: 50px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

._cta-button_clll9_97:hover {
    background-color: #FFD000;
    color: #111111;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.4);
}

._cta-button_clll9_97:active {
    transform: translateY(0px) scale(0.98);
}

/* Promo text and label (hidden by default, shown via overlay) */
._hero-label_clll9_126 {
    display: none;
}

._hero-headline_clll9_130 {
    display: none;
}

._hero-body_clll9_134 {
    display: none;
}

._hero-promo_clll9_138 {
    display: none;
}

/* ─── Circle Badge ─── */
._circle-badge_clll9_143 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 130px;
    height: 130px;
    background-color: rgba(17, 17, 17, 0.75);
    border: 2px solid #FFD000;
    border-radius: 50%;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    backdrop-filter: blur(4px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
    ._circle-badge_clll9_143 {
        display: flex;
        left: 20px;
        bottom: 20px;
        width: 108px;
        height: 108px;
    }
}

@media (min-width: 1024px) {
    ._circle-badge_clll9_143 {
        left: 30px;
        bottom: 30px;
        width: 130px;
        height: 130px;
    }
}

._circle-badge_clll9_143 svg {
    width: 100%;
    height: 100%;
    fill: #FFD000;
    animation: _rotate_clll9_1 18s linear infinite;
    position: absolute;
    inset: 0;
}

._circle-badge_clll9_143 text {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-weight: 800;
    font-size: 7.5px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

@keyframes _rotate_clll9_1 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ─── Slick Carousel ─── */
._hero-slider_clll9_207,
._hero-slider_clll9_207.slick-dotted.slick-slider {
    width: 100%;
    height: 100% !important;
    margin-bottom: 0 !important;
}

._hero-slider_clll9_207 .slick-list,
._hero-slider_clll9_207 .slick-track,
._hero-slider_clll9_207 .slick-slide,
._hero-slider_clll9_207 .slick-slide > div {
    height: 100%;
}

._slider-item_clll9_221 {
    outline: none;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

._slider-item_clll9_221 img,
._slider-item_clll9_221 > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    display: block;
}

/* ─── Dots (slick carousel) ─── */
._custom-dots_clll9_239 {
    bottom: 20px !important;
    z-index: 10;
    display: flex !important;
    gap: 6px;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    padding: 0 !important;
}

._custom-dots_clll9_239 li {
    margin: 0 !important;
    width: 10px !important;
    height: 10px !important;
}

._custom-dots_clll9_239 li button {
    width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
}

._custom-dots_clll9_239 li button:before {
    font-size: 8px !important;
    width: 10px !important;
    height: 10px !important;
    line-height: 10px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    opacity: 1 !important;
}

._custom-dots_clll9_239 li._slick-active_clll9_271 button:before {
    color: #FFD000 !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    ._hero-overlay_clll9_65 {
        justify-content: flex-end;
        padding: 16px;
    }

    ._cta-button_clll9_97 {
        padding: 11px 22px;
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    ._hero-right_clll9_40 {
        flex: none;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 4 / 3;
    }

    ._image-wrapper_clll9_50 {
        position: absolute;
        inset: 0;
        height: 100%;
    }

    ._circle-badge_clll9_143 {
        display: flex;
        top: auto;
        left: 16px;
        bottom: 16px;
        width: 84px;
        height: 84px;
        background-color: rgba(17, 17, 17, 0.35);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    ._hero-overlay_clll9_65 {
        justify-content: flex-end;
        padding: 20px;
    }
}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/ajax-loader-BcnMEykj.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=');
    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('truetype'), url('/assets/slick-BlzDm7g2.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
._overlay_phiw4_1 {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 100000;
    pointer-events: none;
}

._popup_phiw4_9 {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 16px 24px;
    border-radius: 16px;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 20px 25px -5px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 16px;
    transform: translateY(20px) scale(0.95);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: auto;
    min-width: 320px;
    position: relative;
    overflow: hidden;
}

._popupVisible_phiw4_32 {
    transform: translateY(0) scale(1);
    opacity: 1;
}

._iconContainer_phiw4_37 {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
    flex-shrink: 0;
}

._content_phiw4_50 {
    display: flex;
    flex-direction: column;
    flex: 1;
}

._message_phiw4_56 {
    font-weight: 700;
    font-size: 16px;
    color: #1e293b;
    margin: 0;
    letter-spacing: -0.01em;
}

._submessage_phiw4_64 {
    font-size: 13px;
    color: #64748b;
    margin: 4px 0 0 0;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._progressBar_phiw4_75 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    width: 0;
}

._progressActive_phiw4_84 {
    animation: _progress_phiw4_75 3s linear forwards;
}

@keyframes _progress_phiw4_75 {
    from {
        width: 100%;
    }

    to {
        width: 0%;
    }
}

@media (max-width: 640px) {
    ._overlay_phiw4_1 {
        bottom: 24px;
        left: 24px;
        right: 24px;
    }

    ._popup_phiw4_9 {
        min-width: 0;
        width: 100%;
        padding: 12px 20px;
    }
}/* ==============================================
   FEATURED PRODUCTS - MyDesignation style
   Section label left, VIEW ALL in gold right,
   horizontal scroll product row
   ============================================== */

._section_193mr_7 {
    padding: 28px 0 0 0;
    background: #ffffff;
    position: relative;
    width: 100%;
    border-top: 1px solid #f0f0f0;
}

@media (min-width: 768px) {
    ._section_193mr_7 {
        padding: 36px 0 0 0;
    }
}

._container_193mr_21 {
    width: 100%;
    padding: 0;
}

/* ─── Section header ─── */
._header_193mr_27 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 0 16px;
}

@media (min-width: 768px) {
    ._header_193mr_27 {
        padding: 0 24px;
    }
}

._title_193mr_41 {
    font-size: 20px;
    font-weight: 800;
    color: #111111;
    margin: 0;
    letter-spacing: -0.3px;
    font-family: 'Outfit', 'Inter', sans-serif;
}

@media (min-width: 768px) {
    ._title_193mr_41 {
        font-size: 24px;
    }
}

/* VIEW ALL link — gold, uppercase, right side */
._view-all-inline_193mr_57 {
    font-size: 13px;
    font-weight: 800;
    color: #D4A800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

._view-all-inline_193mr_57:hover {
    color: #B8900A;
}

/* Subtitle description */
._description_193mr_76 {
    display: none;
}

/* ─── Product Grid: horizontal scroll ─── */
._grid_193mr_81 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    padding: 4px 16px 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
}

._grid_193mr_81::-webkit-scrollbar {
    display: none;
}

._grid_193mr_81 > * {
    width: 160px;
    flex-shrink: 0;
    scroll-snap-align: start;
}

._grid_193mr_81 > a > div:first-child {
    aspect-ratio: 1 / 1;
    border-radius: 12px 12px 0 0;
}

@media (min-width: 480px) {
    ._grid_193mr_81 > * {
        width: 180px;
    }
}

@media (min-width: 768px) {
    ._grid_193mr_81 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        overflow-x: visible;
        gap: 12px;
        padding: 4px 24px 28px;
        scroll-snap-type: none;
    }

    ._grid_193mr_81 > * {
        width: 100%;
    }
}

@media (min-width: 1280px) {
    ._grid_193mr_81 {
        padding: 4px 40px 36px;
    }
}

/* ─── Bottom VIEW ALL section ─── */
._view-all_193mr_57 {
    text-align: center;
    padding: 16px 16px 32px;
    border-top: 1px solid #f0f0f0;
    background: #fafafa;
}

._view-all-btn_193mr_142 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* ─── Skeleton loaders ─── */
._skeleton-card_193mr_151 {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    overflow: hidden;
    width: 160px;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    ._skeleton-card_193mr_151 {
        width: 100%;
    }
}

._skeleton-image_193mr_166 {
    aspect-ratio: 3/4;
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: _shimmer_193mr_1 1.5s infinite;
}

@keyframes _shimmer_193mr_1 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

._skeleton-content_193mr_178 {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._skeleton-line_193mr_185 {
    height: 12px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 3px;
    animation: _shimmer_193mr_1 1.5s infinite;
}

._skeleton-line_193mr_185._short_193mr_193 {
    width: 50%;
}

._skeleton-line_193mr_185._medium_193mr_197 {
    width: 75%;
}

/* ─── Empty state ─── */
._empty-state_193mr_202 {
    grid-column: 1 / -1;
    text-align: center;
    padding: 48px 0;
}

._empty-text_193mr_208 {
    color: #999;
    font-size: 15px;
}._section_ih1js_1 {
    padding: 4px;
    background: #ffffff;
    width: 100%;
}

._container_ih1js_7 {
    width: 100%;
}

._grid_ih1js_11 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

._category-card_ih1js_17 {
    position: relative;
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 12px;
    background: #202020;
}

._category-card_ih1js_17:focus-visible {
    outline: 3px solid #ffd000;
    outline-offset: 3px;
}

._category-card_ih1js_17:hover {
    transform: translateY(-3px);
}

._category-image_ih1js_35 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 450ms ease;
}

._category-card_ih1js_17:hover ._category-image_ih1js_35 {
    transform: scale(1.04);
}

._overlay_ih1js_48 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: clamp(14px, 2vw, 30px);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.12) 72%, transparent);
}

._category-card_ih1js_17:nth-child(2) ._overlay_ih1js_48 {
    justify-content: flex-end;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.12) 72%, transparent);
}

._category-card_ih1js_17:nth-child(3) ._overlay_ih1js_48 {
    justify-content: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42), transparent 65%);
}

._category-card_ih1js_17:nth-child(5) ._overlay_ih1js_48,
._category-card_ih1js_17:nth-child(6) ._overlay_ih1js_48 {
    align-items: flex-end;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.08) 75%, transparent);
}

._category-card_ih1js_17:nth-child(5) ._overlay_ih1js_48 {
    align-items: center;
}

._category-name_ih1js_78 {
    max-width: 90%;
    margin: 0;
    color: #ffffff;
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 42px;
    font-weight: 900;
    line-height: 0.98;
    text-transform: uppercase;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);
}

._category-name_ih1js_78 span {
    display: block;
}

._category-card_ih1js_17:nth-child(2) ._category-name_ih1js_78 {
    text-align: right;
}

._category-card_ih1js_17:nth-child(3) ._category-name_ih1js_78 {
    text-align: center;
}

@media (max-width: 767px) {
    ._grid_ih1js_11 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    ._overlay_ih1js_48 {
        padding: 14px;
    }

    ._category-name_ih1js_78 {
        max-width: 100%;
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    ._category-name_ih1js_78 {
        max-width: 100%;
        font-size: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    ._category-card_ih1js_17,
    ._category-image_ih1js_35 {
        transition: none;
    }
}/* ==============================================
   STORE LOCATIONS - "DROP BY FOR A HIGH-FIVE"
   MyDesignation reference section
   ============================================== */

._section_8b27f_6 {
    padding: 48px 0 36px;
    background-color: #fafafa;
    border-top: 1px solid #f0f0f0;
    width: 100%;
}

._container_8b27f_13 {
    width: 100%;
    margin: 0 auto;
}

._header_8b27f_18 {
    text-align: center;
    margin-bottom: 24px;
    padding: 0 16px;
}

._title_8b27f_24 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: #111111;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}

@media (min-width: 768px) {
    ._title_8b27f_24 {
        font-size: 28px;
        letter-spacing: 2px;
    }
}

._subtitle_8b27f_41 {
    font-size: 14px;
    font-weight: 500;
    color: #777777;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

/* Two-column grid on mobile, four-column grid on desktop */
._stores-grid_8b27f_50 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 8px 16px 24px;
}

._store-card_8b27f_57 {
    position: relative;
    width: 100%;
    min-width: 0;
    aspect-ratio: 4 / 5;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    background-color: #1a1a1a;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
    display: block;
}

._store-card-link_8b27f_71 {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    border-radius: inherit;
    color: inherit;
    text-decoration: none;
}

@media (min-width: 768px) {
    ._stores-grid_8b27f_50 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 8px 32px 32px;
        max-width: 1440px;
        margin: 0 auto;
        overflow-x: visible;
    }

    ._store-card_8b27f_57 {
        width: 100%;
        height: 360px;
    }
}

._store-card_8b27f_57:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

._store-image_8b27f_102 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

._store-card_8b27f_57:hover ._store-image_8b27f_102 {
    transform: scale(1.06);
}

._overlay-gradient_8b27f_115 {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(0, 0, 0, 0.2) 40%,
        rgba(0, 0, 0, 0.85) 100%
    );
    z-index: 1;
}

/* Status Badge top right */
._status-badge_8b27f_128 {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    color: #48bb78;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    padding: 4px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(72, 187, 120, 0.3);
}

._status-dot_8b27f_147 {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #48bb78;
    box-shadow: 0 0 6px #48bb78;
    animation: _pulse_8b27f_1 2s infinite;
}

._status-badge_8b27f_128._coming-soon_8b27f_156 {
    color: #ffd000;
    border-color: rgba(255, 208, 0, 0.35);
}

._status-dot_8b27f_147._coming-soon-dot_8b27f_161 {
    background-color: #ffd000;
    box-shadow: 0 0 6px rgba(255, 208, 0, 0.8);
    animation: none;
}

/* Store info bottom */
._store-info_8b27f_168 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 18px;
    z-index: 2;
    text-align: center;
}

._store-name_8b27f_178 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 21px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0 0 6px 0;
    line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

._store-address_8b27f_190 {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@keyframes _pulse_8b27f_1 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

@media (max-width: 767px) {
    ._store-info_8b27f_168 {
        padding: 12px 8px;
    }

    ._store-name_8b27f_178 {
        font-size: 14px;
        letter-spacing: 0.5px;
    }

    ._store-address_8b27f_190 {
        font-size: 9px;
    }

    ._status-badge_8b27f_128 {
        top: 8px;
        right: 8px;
        gap: 4px;
        padding: 3px 6px;
        font-size: 8px;
        letter-spacing: 0.3px;
    }

}
/* ==============================================
    ME REWARDS FLOATING WIDGET
   Matches MDGN Insider pill from reference video
   ============================================== */

._floating-pill_k9fr2_6 {
    position: fixed;
    bottom: 24px;
    left: 20px;
    z-index: 999;
    background: linear-gradient(135deg, #FFD000 0%, #F5B800 100%);
    color: #111111;
    border: none;
    border-radius: 40px;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    font-family: 'Outfit', 'Inter', sans-serif;
    overflow: hidden;
}

._floating-pill_k9fr2_6:hover,
._floating-pill_k9fr2_6._expanded_k9fr2_27,
._floating-pill_k9fr2_6:focus-visible {
    padding: 8px 16px 8px 10px;
    gap: 8px;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
    transition-delay: 0.25s;
}

._floating-pill_k9fr2_6:active {
    transform: translateY(0) scale(0.98);
}

._reward-icon-box_k9fr2_40 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    flex-shrink: 0;
}

._gift-in-hands_k9fr2_52 {
    position: relative;
    overflow: hidden;
}

._hands-icon_k9fr2_57,
._held-gift-icon_k9fr2_58 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

._hands-icon_k9fr2_57 {
    bottom: 0;
}

._held-gift-icon_k9fr2_58 {
    top: 0;
    padding: 1px;
    border-radius: 2px;
    background: #f5b800;
}

._header-icon_k9fr2_75 ._held-gift-icon_k9fr2_58 {
    background: #FFD000;
}

._pill-text_k9fr2_79 {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #111111;
    white-space: nowrap;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(-6px);
    transition: max-width 0.35s cubic-bezier(0.25, 1, 0.5, 1),
                opacity 0.25s ease,
                transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

._floating-pill_k9fr2_6:hover ._pill-text_k9fr2_79,
._floating-pill_k9fr2_6._expanded_k9fr2_27 ._pill-text_k9fr2_79,
._floating-pill_k9fr2_6:focus-visible ._pill-text_k9fr2_79 {
    max-width: 100px;
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.25s;
}

/* Modal Backdrop */
._modal-backdrop_k9fr2_104 {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2100;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 24px;
    backdrop-filter: blur(2px);
    animation: _fadeIn_k9fr2_1 0.2s ease;
}

@media (min-width: 640px) {
    ._modal-backdrop_k9fr2_104 {
        align-items: flex-end;
        padding-bottom: 74px;
        padding-left: 24px;
    }
}

._modal-panel_k9fr2_125 {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
    width: 340px;
    max-width: 90vw;
    overflow: hidden;
    animation: _slideUp_k9fr2_1 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid #eeeeee;
}

._modal-header_k9fr2_136 {
    background-color: #111111;
    color: #ffffff;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._header-title-row_k9fr2_145 {
    display: flex;
    align-items: center;
    gap: 12px;
}

._header-icon_k9fr2_75 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #FFD000;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
}

._modal-heading_k9fr2_162 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    font-family: 'Outfit', 'Inter', sans-serif;
    color: #ffffff;
}

._modal-sub_k9fr2_170 {
    margin: 2px 0 0 0;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
}

._modal-close-btn_k9fr2_176 {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

._modal-close-btn_k9fr2_176:hover {
    color: #ffffff;
}

._modal-body_k9fr2_192 {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

._perk-card_k9fr2_199 {
    background-color: #fff9e6;
    border: 1px dashed #FFD000;
    border-radius: 10px;
    padding: 12px 14px;
}

._perk-badge_k9fr2_206 {
    font-size: 9px;
    font-weight: 800;
    color: #B8860B;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

._perk-title_k9fr2_214 {
    font-size: 13px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 2px;
}

._perk-desc_k9fr2_221 {
    font-size: 11px;
    color: #666666;
    line-height: 1.35;
}

._perk-list_k9fr2_227 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._perk-item_k9fr2_233 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #333333;
}

._check-icon_k9fr2_241 {
    color: #48bb78;
    flex-shrink: 0;
}

._join-btn_k9fr2_246 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    background-color: #111111;
    color: #ffffff;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.15s ease;
    margin-top: 4px;
}

._join-btn_k9fr2_246:hover {
    background-color: #FFD000;
    color: #111111;
}

@keyframes _fadeIn_k9fr2_1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes _slideUp_k9fr2_1 {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
._home-container_xfk7r_1 {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    position: relative;
}

._home-container_xfk7r_1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border-light), transparent);
    z-index: 1;
}

._main-content_xfk7r_18 {
    width: 100%;
    position: relative;
    z-index: 2;
}/* ==============================================
   CONTACT SUPPORT - MADRAS EDITION
   Modern, high-contrast, perfectly aligned UI/UX
   ============================================== */

._page-wrapper_1qbyf_6 {
    min-height: 100vh;
    background-color: #fcfcfc;
    display: flex;
    flex-direction: column;
}

._main-content_1qbyf_13 {
    flex: 1;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 36px 20px 64px;
}

@media (min-width: 768px) {
    ._main-content_1qbyf_13 {
        padding: 48px 32px 80px;
    }
}

/* ─── Breadcrumb ─── */
._breadcrumb_1qbyf_28 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #888888;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._breadcrumb-link_1qbyf_40 {
    color: #888888;
    text-decoration: none;
    transition: color 0.15s ease;
}

._breadcrumb-link_1qbyf_40:hover {
    color: #111111;
}

._breadcrumb-separator_1qbyf_50 {
    color: #cccccc;
}

._breadcrumb-current_1qbyf_54 {
    color: #111111;
    font-weight: 700;
}

/* ─── Hero Header ─── */
._hero-section_1qbyf_60 {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 40px;
}

._hero-pill-badge_1qbyf_66 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #FFD000;
    color: #111111;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}

._hero-title_1qbyf_81 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 900;
    color: #111111;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    ._hero-title_1qbyf_81 {
        font-size: 42px;
    }
}

._hero-subtitle_1qbyf_97 {
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
    margin: 0;
}

/* ─── 4 Quick Stats ─── */
._stats-grid_1qbyf_105 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    ._stats-grid_1qbyf_105 {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
}

._stat-card_1qbyf_119 {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    padding: 18px 16px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

._stat-card_1qbyf_119:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

._stat-value_1qbyf_134 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #111111;
    line-height: 1;
    margin-bottom: 6px;
}

._stat-label_1qbyf_143 {
    font-size: 12px;
    font-weight: 600;
    color: #777777;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ─── Main Two-Column Layout ─── */
._content-grid_1qbyf_152 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    margin-bottom: 56px;
}

@media (min-width: 1024px) {
    ._content-grid_1qbyf_152 {
        grid-template-columns: 1fr 1.25fr;
        gap: 40px;
        align-items: start;
    }
}

/* ─── Left Column: Contact Methods & Channels ─── */
._channels-wrapper_1qbyf_168 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._section-heading-sm_1qbyf_174 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #111111;
    margin: 0 0 16px 0;
    letter-spacing: -0.2px;
}

._cards-stack_1qbyf_183 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

._channel-card_1qbyf_189 {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

._channel-card_1qbyf_189:hover {
    transform: translateY(-2px);
    border-color: #FFD000;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
}

._channel-icon-box_1qbyf_207 {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    flex-shrink: 0;
}

._channel-card_1qbyf_189:hover ._channel-icon-box_1qbyf_207 {
    background-color: #FFD000;
}

._channel-meta_1qbyf_223 {
    flex: 1;
}

._channel-title-row_1qbyf_227 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

._channel-title_1qbyf_227 {
    font-size: 16px;
    font-weight: 800;
    color: #111111;
    margin: 0;
}

._status-indicator_1qbyf_241 {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 800;
    color: #2e7d32;
    background: #e8f5e9;
    padding: 3px 8px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._status-dot-active_1qbyf_255 {
    width: 6px;
    height: 6px;
    background-color: #2e7d32;
    border-radius: 50%;
}

._channel-desc_1qbyf_262 {
    font-size: 12.5px;
    color: #777777;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

._channel-value-row_1qbyf_269 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

._channel-value_1qbyf_269 {
    font-size: 14px;
    font-weight: 700;
    color: #111111;
    text-decoration: none;
}

._channel-action-btn_1qbyf_284 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #111111;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

._channel-action-btn_1qbyf_284:hover {
    background-color: #FFD000;
    color: #111111;
}

/* Department Support Box */
._departments-box_1qbyf_308 {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 22px;
}

._dept-list_1qbyf_315 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

._dept-row_1qbyf_321 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #f2f2f2;
}

._dept-row_1qbyf_321:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

._dept-name_1qbyf_334 {
    font-size: 13.5px;
    font-weight: 700;
    color: #222222;
}

._dept-email_1qbyf_340 {
    font-size: 13px;
    color: #0066cc;
    text-decoration: none;
    font-weight: 500;
}

._dept-email_1qbyf_340:hover {
    text-decoration: underline;
}

/* Business Info Box */
._business-info-box_1qbyf_352 {
    background: #f8f8f8;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 22px;
}

._info-item_1qbyf_359 {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 16px;
}

._info-item_1qbyf_359:last-child {
    margin-bottom: 0;
}

._info-icon_1qbyf_370 {
    color: #555555;
    margin-top: 2px;
}

._info-title_1qbyf_375 {
    font-size: 13.5px;
    font-weight: 700;
    color: #111111;
    margin: 0 0 4px 0;
}

._info-text_1qbyf_382 {
    font-size: 13px;
    color: #666666;
    margin: 0;
    line-height: 1.5;
}

/* ─── Right Column: Contact Form ─── */
._form-panel_1qbyf_390 {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    ._form-panel_1qbyf_390 {
        padding: 36px 32px;
    }
}

._form-header_1qbyf_404 {
    margin-bottom: 28px;
}

._form-title_1qbyf_408 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 8px 0;
    letter-spacing: -0.3px;
}

._form-subtitle_1qbyf_417 {
    font-size: 14px;
    color: #777777;
    margin: 0;
}

._form-body_1qbyf_423 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

._form-row_1qbyf_429 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

@media (min-width: 640px) {
    ._form-row_1qbyf_429 {
        grid-template-columns: 1fr 1fr;
    }
}

._form-group_1qbyf_441 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

._form-label_1qbyf_447 {
    font-size: 13px;
    font-weight: 700;
    color: #111111;
    letter-spacing: 0.2px;
}

._required-star_1qbyf_454 {
    color: #e53e3e;
    margin-left: 3px;
}

._form-input_1qbyf_459,
._form-select_1qbyf_460,
._form-textarea_1qbyf_461 {
    width: 100%;
    background-color: #fafafa;
    border: 1.5px solid #e2e2e2;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 14px;
    color: #111111;
    font-family: inherit;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

._form-input_1qbyf_459:focus,
._form-select_1qbyf_460:focus,
._form-textarea_1qbyf_461:focus {
    background-color: #ffffff;
    border-color: #111111;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 208, 0, 0.35);
}

._form-input_1qbyf_459::placeholder,
._form-textarea_1qbyf_461::placeholder {
    color: #aaaaaa;
}

._form-textarea_1qbyf_461 {
    resize: vertical;
    min-height: 120px;
}

._char-counter_1qbyf_493 {
    font-size: 11px;
    color: #888888;
    text-align: right;
    margin-top: 4px;
}

._error-message_1qbyf_500 {
    font-size: 12px;
    color: #e53e3e;
    margin-top: 4px;
    font-weight: 600;
}

._response-time-box_1qbyf_507 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 14px 16px;
    border: 1px solid #eeeeee;
}

._response-time-icon_1qbyf_517 {
    color: #666666;
    margin-top: 2px;
}

._response-time-content_1qbyf_522 {
    font-size: 12.5px;
    color: #555555;
    line-height: 1.4;
}

._response-time-content_1qbyf_522 strong {
    color: #111111;
    display: block;
    margin-bottom: 2px;
}

._submit-btn_1qbyf_534 {
    width: 100%;
    background-color: #111111;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 15px 0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Outfit', 'Inter', sans-serif;
}

._submit-btn_1qbyf_534:hover {
    background-color: #FFD000;
    color: #111111;
}

._submit-btn_1qbyf_534:active {
    transform: scale(0.99);
}

._submit-btn_1qbyf_534:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Success Card */
._success-card_1qbyf_569 {
    text-align: center;
    padding: 40px 20px;
}

._success-icon-box_1qbyf_574 {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #e8f5e9;
    color: #2e7d32;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

._success-title_1qbyf_586 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #111111;
    margin: 0 0 8px 0;
}

._success-desc_1qbyf_594 {
    font-size: 14px;
    color: #666666;
    margin: 0 0 16px 0;
    line-height: 1.5;
}

._reference-pill_1qbyf_601 {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #333333;
}

/* ─── FAQ Section ─── */
._faq-section_1qbyf_612 {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding: 36px 24px;
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    ._faq-section_1qbyf_612 {
        padding: 48px 36px;
    }
}

._faq-header_1qbyf_626 {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 36px;
}

._faq-title_1qbyf_632 {
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 8px 0;
}

._faq-subtitle_1qbyf_640 {
    font-size: 14px;
    color: #777777;
    margin: 0;
}

._faq-grid_1qbyf_646 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

._faq-item_1qbyf_652 {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

._faq-item_1qbyf_652:hover {
    border-color: #dddddd;
}

._faq-question-btn_1qbyf_663 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    color: #111111;
    text-align: left;
    font-family: inherit;
    gap: 12px;
}

._faq-chevron_1qbyf_680 {
    transition: transform 0.2s ease;
    color: #666666;
    flex-shrink: 0;
}

._faq-chevron-rotated_1qbyf_686 {
    transform: rotate(180deg);
}

._faq-answer_1qbyf_690 {
    padding: 0 20px 18px;
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    background-color: #fafafa;
    border-top: 1px solid #f2f2f2;
}

._faq-answer_1qbyf_690 p {
    margin: 12px 0 0 0;
}

._faq-answer_1qbyf_690 ul {
    margin: 8px 0 0 0;
    padding-left: 20px;
}

._faq-answer_1qbyf_690 li {
    margin-bottom: 4px;
}

/* Emergency Support Banner */
._emergency-banner_1qbyf_713 {
    background: #111111;
    color: #ffffff;
    border-radius: 14px;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    ._emergency-banner_1qbyf_713 {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

._emergency-info_1qbyf_732 {
    display: flex;
    align-items: center;
    gap: 16px;
}

._emergency-icon-box_1qbyf_738 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: #FFD000;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._emergency-title_1qbyf_750 {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 4px 0;
}

._emergency-desc_1qbyf_757 {
    font-size: 13px;
    color: #aaaaaa;
    margin: 0;
}

._emergency-call-btn_1qbyf_763 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #FFD000;
    color: #111111;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.15s ease;
    white-space: nowrap;
}

._emergency-call-btn_1qbyf_763:hover {
    background-color: #ffffff;
}
/* PolicyInformation.module.css */

/* Variables */
._policy-page_ebkr9_4 {
    --primary-color: #0f172a;
    --secondary-color: #64748b;
    --accent-color: #2563eb;
    --background-color: #f8fafc;
    --card-bg: #ffffff;
    --border-color: #e2e8f0;
    --muted-bg: #f1f5f9;

    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;

    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    min-height: 100vh;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    display: flex;
    flex-direction: column;
}

._container_ebkr9_29 {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    flex: 1;
}

/* Breadcrumb */
._breadcrumb_ebkr9_38 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--secondary-color);
    margin-bottom: 2rem;
}

._breadcrumb-link_ebkr9_47 {
    color: var(--secondary-color);
    text-decoration: none;
    transition: var(--transition);
}

._breadcrumb-link_ebkr9_47:hover {
    color: var(--accent-color);
}

/* Layout */
._content-wrapper_ebkr9_58 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (min-width: 1024px) {
    ._content-wrapper_ebkr9_58 {
        flex-direction: row;
        align-items: flex-start;
    }
}

/* Sidebar */
._sidebar-wrapper_ebkr9_72 {
    flex-shrink: 0;
    width: 100%;
}

@media (min-width: 1024px) {
    ._sidebar-wrapper_ebkr9_72 {
        width: 20rem;
        position: sticky;
        top: 6rem;
    }
}

._sidebar-card_ebkr9_85 {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}

._sidebar-title_ebkr9_93 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

._nav-button_ebkr9_100 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    text-align: left;
    transition: var(--transition);
    margin-bottom: 0.5rem;
    border: 1px solid transparent;
}

._nav-button_ebkr9_100:hover {
    background-color: var(--muted-bg);
}

._active_ebkr9_117 {
    background-color: #eff6ff !important;
    color: var(--accent-color) !important;
    border-color: #dbeafe !important;
}

._nav-button-icon_ebkr9_123 {
    flex-shrink: 0;
}

._nav-button-content_ebkr9_127 {
    flex: 1;
    min-width: 0;
}

._nav-button-title_ebkr9_132 {
    font-weight: 500;
    margin-bottom: 0.125rem;
}

._nav-button-desc_ebkr9_137 {
    font-size: 0.75rem;
    color: var(--secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._nav-button_ebkr9_100._active_ebkr9_117 ._nav-button-desc_ebkr9_137 {
    color: #60a5fa;
}

/* Mobile Sidebar Toggle */
._mobile-toggle_ebkr9_150 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    font-weight: 500;
}

._mobile-menu_ebkr9_163 {
    margin-top: 0.5rem;
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    animation: _slideDown_ebkr9_1 0.2s ease-out;
}

@keyframes _slideDown_ebkr9_1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Main Content Area */
._main-content_ebkr9_185 {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    flex: 1;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

._content-header_ebkr9_194 {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--border-color);
}

._header-inner_ebkr9_199 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

._header-icon_ebkr9_206 {
    width: 3rem;
    height: 3rem;
    background-color: #eff6ff;
    color: var(--accent-color);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

._header-title_ebkr9_217 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
}

._header-meta_ebkr9_223 {
    font-size: 0.875rem;
    color: var(--secondary-color);
}

._notice-box_ebkr9_228 {
    background-color: #fffbeb;
    border: 1px solid #fef3c7;
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

._notice-icon_ebkr9_238 {
    color: #d97706;
}

._notice-title_ebkr9_242 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #92400e;
    margin-bottom: 0.25rem;
}

._notice-text_ebkr9_249 {
    font-size: 0.875rem;
    color: #b45309;
}

._content-body_ebkr9_254 {
    padding: 2rem;
}

/* Typography for Content */
._prose_ebkr9_259 {
    color: var(--secondary-color);
    line-height: 1.75;
}

._section-block_ebkr9_264 {
    margin-bottom: 2.5rem;
}

._section-heading_ebkr9_268 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

._section-text_ebkr9_275 {
    white-space: pre-line;
}

/* Contact Box */
._contact-section_ebkr9_280 {
    padding: 2rem;
    border-top: 1px solid var(--border-color);
    background-color: #f8fafc;
}

._contact-box_ebkr9_286 {
    background-color: white;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

._contact-title_ebkr9_293 {
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-color);
}

._contact-grid_ebkr9_302 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

._contact-item_ebkr9_308 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--secondary-color);
}

/* Error State */
._error-state_ebkr9_317 {
    padding: 4rem 2rem;
    text-align: center;
    background-color: var(--card-bg);
    border-radius: var(--radius-lg);
    border: 1px dashed var(--border-color);
}

._error-title_ebkr9_325 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* Quick Links Footer */
._quick-links_ebkr9_333 {
    margin-top: 3rem;
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

._links-grid_ebkr9_341 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

._link-group-title_ebkr9_347 {
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
}

._link-list_ebkr9_353 {
    font-size: 0.875rem;
    color: var(--secondary-color);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Size Guide Image */
._size-chart-container_ebkr9_362 {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-top: 1rem;
}

._size-chart-image_ebkr9_370 {
    max-width: 100%;
    height: auto;
    display: block;
}._checkbox-wrapper_14di2_1 {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
}

._checkbox-container_14di2_7 {
    position: relative;
    display: flex;
    align-items: center;
}

._checkbox-input_14di2_13 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

._checkbox-label_14di2_25 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-error, #f44336);
    cursor: pointer;
    transition: all var(--transition-fast);
    user-select: none;
}

._checkbox-label_14di2_25:hover {
    background: var(--bg-secondary);
}

._checkbox-label_14di2_25._checked_14di2_41 {
    background: var(--color-error, #f44336);
    color: var(--color-white);
    border-color: var(--color-error, #f44336);
}

._checkbox-label_14di2_25._indeterminate_14di2_47 {
    background: var(--color-error, #f44336);
    color: var(--color-white);
    border-color: var(--color-error, #f44336);
}

._checkbox-label_14di2_25._error_14di2_53 {
    border-color: var(--color-error);
}

._checkbox-label_14di2_25._disabled_14di2_57 {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Sizes */
._checkbox-sm_14di2_63 {
    height: 16px;
    width: 16px;
}

._checkbox-default_14di2_68 {
    height: 16px;
    width: 16px;
}

._checkbox-lg_14di2_73 {
    height: 20px;
    width: 20px;
}

/* Icon */
._checkbox-icon_14di2_79 {
    height: 12px;
    width: 12px;
    color: currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content */
._checkbox-content_14di2_89 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

._checkbox-text-label_14di2_96 {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    line-height: 1;
    cursor: pointer;
    color: var(--text-primary);
}

._checkbox-text-label_14di2_96._error_14di2_53 {
    color: var(--color-error);
}

._checkbox-text-label_14di2_96._disabled_14di2_57 {
    cursor: not-allowed;
    opacity: 0.7;
}

._checkbox-required_14di2_113 {
    color: var(--color-error);
    margin-left: var(--space-1);
}

._checkbox-description_14di2_118 {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._checkbox-error-text_14di2_123 {
    font-size: var(--text-sm);
    color: var(--color-error);
}

/* Checkbox Group */
._checkbox-group_14di2_129 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

._checkbox-group-legend_14di2_135 {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

._checkbox-group-legend_14di2_135._error_14di2_53 {
    color: var(--color-error);
}

._checkbox-group-description_14di2_146 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-bottom: var(--space-2);
}

._checkbox-group-items_14di2_152 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

._checkbox-group-error_14di2_158 {
    font-size: var(--text-sm);
    color: var(--color-error);
    margin-top: var(--space-2);
}._sidebar-container_4imeu_1 {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

._header_4imeu_11 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4);
    border-bottom: 1px solid var(--border-default);
    background-color: var(--bg-primary);
    flex-shrink: 0;
}

._title_4imeu_21 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
}

._headerTitleGroup_4imeu_26 {
    display: flex;
    align-items: center;
    gap: 10px;
}

._countBadge_4imeu_32 {
    font-size: 0.75rem;
    font-weight: 600;
    color: #52525b;
    background-color: #f4f4f5;
    padding: 3px 8px;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

._closeBtn_4imeu_42 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e4e4e7;
    background-color: #f4f4f5;
    color: #18181b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

._closeBtn_4imeu_42:hover {
    background-color: #111111;
    color: #ffffff;
    border-color: #111111;
}

/* In static desktop sidebar, hide close button */
._desktop-sidebar_4imeu_64 ._closeBtn_4imeu_42 {
    display: none;
}

/* Inside overlay / drawer, ALWAYS show close button across all devices */
._mobile-sidebar_4imeu_69 ._closeBtn_4imeu_42 {
    display: flex !important;
}

._drawerFooter_4imeu_73 {
    display: none;
    padding: 14px 16px;
    border-top: 1px solid #f0f0f0;
    background-color: #ffffff;
    gap: 12px;
}

._mobile-sidebar_4imeu_69 ._drawerFooter_4imeu_73 {
    display: flex;
}

._footerClearBtn_4imeu_85 {
    flex: 1;
    height: 44px;
    border-radius: 12px;
    border: 1px solid #e4e4e7;
    background-color: #ffffff;
    color: #18181b;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

._footerClearBtn_4imeu_85:hover {
    background-color: #f4f4f5;
    border-color: #d4d4d8;
}

._footerApplyBtn_4imeu_103 {
    flex: 2;
    height: 44px;
    border-radius: 12px;
    border: none;
    background-color: #FFD000;
    color: #111111;
    font-family: var(--font-heading, 'Outfit', sans-serif);
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px rgba(255, 208, 0, 0.35);
}

._footerApplyBtn_4imeu_103:hover {
    background-color: #111111;
    color: #FFD000;
}

._content_4imeu_124 {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

@supports (-moz-appearance: none) {
    ._content_4imeu_124 {
        scrollbar-width: thin;
        scrollbar-color: #d4d4d8 transparent;
    }
}

._content_4imeu_124::-webkit-scrollbar {
    width: 5px;
}

._content_4imeu_124::-webkit-scrollbar-track {
    background: transparent;
}

._content_4imeu_124::-webkit-scrollbar-thumb {
    background-color: #d4d4d8;
    border-radius: 9999px;
}

._content_4imeu_124::-webkit-scrollbar-thumb:hover {
    background-color: #a1a1aa;
}

._content_4imeu_124::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

._clear-header_4imeu_164 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._active-filters-label_4imeu_170 {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

._clear-btn_4imeu_175 {
    color: var(--color-error, #ef4444);
    font-weight: var(--font-semibold);
    border: 1px solid var(--color-error, #ef4444);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-md);
    background-color: transparent;
    font-size: var(--text-xs);
    transition: all var(--transition-fast);
}

._clear-btn_4imeu_175:hover {
    color: var(--color-white);
    background-color: var(--color-error, #ef4444);
}

/* Filter Section */


._section-title_4imeu_194 {
    font-weight: var(--font-medium);
    margin-bottom: var(--space-3);
    font-size: var(--text-base);
}

._filter-list_4imeu_200 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

._filter-item_4imeu_206 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._filter-label_4imeu_212 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    flex: 1;
}

._filter-text_4imeu_220 {
    font-size: var(--text-sm);
}

._filter-count_4imeu_224 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-left: var(--space-2);
}

/* Price Range */
._price-inputs_4imeu_231 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

._input-group_4imeu_237 {
    display: flex;
    flex-direction: column;
}

._input-label_4imeu_242 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-bottom: var(--space-1);
}

._price-input_4imeu_231 {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}

._price-input_4imeu_231:focus {
    outline: none;
    border-color: var(--color-error, #ef4444);
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
}

._price-hint_4imeu_262 {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-align: center;
    margin-top: var(--space-2);
}

/* Size Grid */
._size-grid_4imeu_270 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2);
}

._size-btn_4imeu_276 {
    padding: var(--space-2);
    font-size: var(--text-sm);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background-color: var(--bg-background);
    transition: all var(--transition-fast);
    cursor: pointer;
}

._size-btn_4imeu_276._active_4imeu_170 {
    background-color: var(--color-error, #ef4444) !important;
    color: var(--color-white) !important;
    border-color: var(--color-error, #ef4444) !important;
}

._size-btn_4imeu_276:hover {
    background-color: var(--bg-secondary);
}

/* Color Grid */
._color-grid_4imeu_297 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

._color-btn_4imeu_303 {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    border: 2px solid var(--border-default);
    transition: all var(--transition-fast);
    cursor: pointer;
}

._color-btn_4imeu_303:hover {
    transform: scale(1.1);
}

._color-btn_4imeu_303._active_4imeu_170,
button._active_4imeu_170._color-btn_4imeu_303 {
    border: 3px solid #a92e2e !important;
    box-shadow: 0 0 0 2px var(--bg-background), 0 0 0 5px #a92e2e, 0 4px 12px rgba(169, 46, 46, 1.0);
    transform: scale(1.15);
}

/* Loading/Error States */
._loading-skeleton_4imeu_324 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

._skeleton-row_4imeu_330 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._skeleton-bar_4imeu_336 {
    height: 16px;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-sm);
    animation: _pulse_4imeu_1 2s infinite;
}

._error-msg_4imeu_343 {
    font-size: var(--text-sm);
    color: var(--color-error);
}

._empty-msg_4imeu_348 {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Desktop/Mobile Layout */
/* Desktop/Mobile Layout */
._desktop-sidebar_4imeu_64 {
    display: none;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background-color: var(--bg-primary);
}

@media (min-width: 1024px) {
    ._desktop-sidebar_4imeu_64 {
        display: flex;
        flex-direction: column;
        position: sticky;
        top: 90px;
        /* Header height + spacing */
        height: fit-content;
        max-height: calc(100vh - 110px);
        overflow: hidden;
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-default);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
    }
}

._mobile-overlay_4imeu_380 {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
}

@media (min-width: 1024px) {
    ._mobile-overlay_4imeu_380 {
        display: none;
    }
}

._category-sidebar-hidden_4imeu_394 {
    display: none !important;
}

._category-overlay_4imeu_398 {
    display: block !important;
}

._mobile-sidebar_4imeu_69 {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(320px, 85vw);
    max-width: 100%;
    box-sizing: border-box;
    background-color: var(--bg-primary);
    border-right: 1px solid var(--border-default);
    box-shadow: var(--shadow-xl);
    z-index: var(--z-modal);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}._container_1a77q_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--border-default);
    width: 100%;
    position: sticky;
    top: 90px;
    /* Adjusted for Main Header (55px) + Nav Bar (35px) */
    z-index: 25;
    /* Below header (usually 30-50) but above content */
    background-color: var(--bg-primary);
    /* Match main background */
    border-bottom: 1px solid var(--border-light);
    box-shadow: none;
    /* Remove container shadow to reduce 'layered' look */

    /* Horizontal Scroll Layout for Mobile */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
}


._hidden_1a77q_27 {
    top: -100px !important;
    /* Slide out of view */
}

._container_1a77q_1::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
}

@media (max-width: 640px) {
    ._container_1a77q_1 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        /* Precise gap for chips */
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
        height: auto;

        /* Mobile Fixed Positioning */
        top: 80px;
        /* Mobile Header (50px) + Nav (30px) */
        padding-left: var(--space-mobile-padding);
        /* Start content with padding */
        padding-right: var(--space-mobile-padding);
    }
}

._left-section_1a77q_58 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

@media (max-width: 640px) {
    ._left-section_1a77q_58 {
        display: contents;
        /* Flatten hierarchy */
    }
}

._filter-btn_1a77q_71 {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    ._filter-btn_1a77q_71 {
        display: none;
    }
}

@media (max-width: 640px) {
    ._filter-btn_1a77q_71 {
        margin: 0;
        flex-shrink: 0;
    }

    /* Amazon-style Pill Button */
    ._filter-btn_1a77q_71 button {
        border-radius: 9999px !important;
        /* Full pill shape */
        border: 1px solid var(--border-medium) !important;
        background-color: var(--color-white) !important;
        padding: 0 16px !important;
        height: 38px !important;
        /* Proper touch target height */
        font-size: 13px !important;
        color: var(--text-primary) !important;
        font-weight: 500 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        white-space: nowrap !important;
    }
}

._result-count_1a77q_108 {
    display: none;
    margin-left: 15px;
}

@media (min-width: 640px) {
    ._result-count_1a77q_108 {
        display: block;
    }
}

._count-text_1a77q_119 {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._count-number_1a77q_124 {
    font-weight: var(--font-medium);
    color: var(--text-foreground);
}

._right-section_1a77q_129 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

@media (max-width: 640px) {
    ._right-section_1a77q_129 {
        display: contents;
        /* Flatten hierarchy */
    }
}

._sort-group_1a77q_142 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

@media (max-width: 640px) {
    ._sort-group_1a77q_142 {
        margin: 0;
        flex-shrink: 0;
        background-color: var(--color-white);
        border: 1px solid var(--border-medium);
        border-radius: 9999px;
        /* Full pill shape */
        padding: 0 12px;
        height: 38px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
        display: flex;
        align-items: center;
        max-width: 200px;
        /* Prevent it from being too wide */
    }

    /* Hide the "Sort by:" label on mobile */
    ._sort-label_1a77q_166 {
        display: none !important;
    }

    ._sort-select_1a77q_170 {
        min-width: auto;
        border: none !important;
        background: transparent !important;
        height: 100%;
        font-size: 13px !important;
        padding: 0 !important;
        outline: none !important;
    }

    /* Target the inner button of the Select component */
    ._sort-select_1a77q_170 button {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        height: 100% !important;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center !important;
        /* Force center */
        gap: 6px;
        /* Space between text and icon */
        color: var(--text-primary) !important;
        font-weight: 500 !important;
    }

    /* Prevent text or icon from taking extra space */
    ._sort-select_1a77q_170 button span,
    ._sort-select_1a77q_170 button div {
        flex: 0 0 auto !important;
    }



}

._sort-label_1a77q_166 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    display: none;
}

@media (min-width: 640px) {
    ._sort-label_1a77q_166 {
        display: inline;
    }
}

._sort-select_1a77q_170 {
    min-width: 160px;
    height: 38px;
    padding: 0 32px 0 12px;
    border-radius: 8px;
    border: 1px solid var(--border-medium, #d4d4d8);
    background-color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    color: #111111;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    transition: all 0.15s ease;
}

._sort-select_1a77q_170:hover {
    border-color: #111111;
}

._sort-select_1a77q_170:focus {
    outline: none;
    border-color: #111111;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}._overlay_q9j0h_1 {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal, 100);
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  animation: _fadeIn_q9j0h_1 0.2s ease-out;
}

@keyframes _fadeIn_q9j0h_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._sheet_q9j0h_22 {
  width: 100%;
  max-width: 480px;
  background-color: #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  animation: _slideUp_q9j0h_1 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

@keyframes _slideUp_q9j0h_1 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  ._overlay_q9j0h_1 {
    align-items: center;
  }

  ._sheet_q9j0h_22 {
    border-radius: 20px;
    max-height: 90vh;
    animation: _scaleIn_q9j0h_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes _scaleIn_q9j0h_1 {
    from {
      opacity: 0;
      transform: scale(0.96);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
}

._header_q9j0h_68 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid #f0f0f0;
}

._headerTitleGroup_q9j0h_76 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._headerIconWrap_q9j0h_82 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background-color: #f4f4f5;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
}

._title_q9j0h_93 {
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-size: 1.125rem;
  font-weight: 700;
  color: #111111;
  margin: 0;
  line-height: 1.2;
}

._subtitle_q9j0h_102 {
  font-size: 0.75rem;
  color: #71717a;
  margin: 2px 0 0 0;
}

._closeBtn_q9j0h_108 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e4e4e7;
  background-color: #f4f4f5;
  color: #18181b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

._closeBtn_q9j0h_108:hover {
  background-color: #111111;
  color: #ffffff;
  border-color: #111111;
}

._optionsList_q9j0h_128 {
  padding: 10px 14px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 60vh;
}

._optionItem_q9j0h_137 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
}

._optionItem_q9j0h_137:hover {
  background-color: #f4f4f5;
}

._optionSelected_q9j0h_155 {
  background-color: #fefce8;
  border-color: #fef08a;
}

._optionLeft_q9j0h_160 {
  display: flex;
  align-items: center;
  gap: 14px;
}

._radioCircle_q9j0h_166 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #d4d4d8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

._radioSelected_q9j0h_178 {
  border-color: #111111;
}

._radioDot_q9j0h_182 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #111111;
}

._optionTextWrap_q9j0h_189 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._optionLabel_q9j0h_195 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #18181b;
}

._optionSelected_q9j0h_155 ._optionLabel_q9j0h_195 {
  color: #111111;
  font-weight: 700;
}

._optionDesc_q9j0h_206 {
  font-size: 0.75rem;
  color: #71717a;
}

._checkWrap_q9j0h_211 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #111111;
  color: #FFD000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._footer_q9j0h_223 {
  padding: 14px 20px;
  border-top: 1px solid #f0f0f0;
  background-color: #ffffff;
}

._cancelBtn_q9j0h_229 {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid #e4e4e7;
  background-color: #f4f4f5;
  color: #18181b;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

._cancelBtn_q9j0h_229:hover {
  background-color: #111111;
  color: #ffffff;
  border-color: #111111;
}
._grid_9af1i_1 {
    display: grid;
    gap: var(--space-1);
}

._grid-view_9af1i_6 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    /* Increased gap */
    background-color: transparent;
    /* No border lines effect */
    padding: 12px;
}

._grid-view_9af1i_6>* {
    background-color: var(--bg-primary);
    /* Each card has primary bg */
}

@media (min-width: 640px) {
    ._grid-view_9af1i_6 {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        padding: 12px;
    }
}

@media (min-width: 1024px) {
    ._grid-view_9af1i_6 {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        padding: 16px 0 24px;
    }
}

._list-view_9af1i_36 {
    grid-template-columns: 1fr;
}

._category-grid_9af1i_40 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 8px;
}

@media (min-width: 640px) {
    ._category-grid_9af1i_40 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 12px;
    }
}

@media (min-width: 1024px) {
    ._category-grid_9af1i_40 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        padding: 16px;
    }
}

/* Loading Skeleton */
._skeleton-card_9af1i_63 {
    animation: _pulse_9af1i_1 2s infinite;
}

._skeleton-image_9af1i_67 {
    background-color: var(--bg-secondary);
    border-radius: var(--radius-lg);
    aspect-ratio: 3/4;
    margin-bottom: var(--space-4);
}

._skeleton-content_9af1i_74 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

._skeleton-line_9af1i_80 {
    height: 16px;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-sm);
}

._skeleton-line_9af1i_80._short_9af1i_86 {
    width: 25%;
}

._skeleton-line_9af1i_80._medium_9af1i_90 {
    width: 50%;
}

._skeleton-line_9af1i_80._long_9af1i_94 {
    width: 75%;
}

/* Empty State */
._empty-state_9af1i_99 {
    text-align: center;
    padding: var(--space-12) 0;
}

._empty-icon-container_9af1i_104 {
    width: 96px;
    height: 96px;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-4);
}

._empty-icon_9af1i_104 {
    width: 48px;
    height: 48px;
    color: var(--text-muted);
}

._empty-title_9af1i_121 {
    font-size: var(--text-lg);
    font-weight: var(--font-medium);
    margin-bottom: var(--space-2);
}

._empty-text_9af1i_127 {
    color: var(--text-muted);
    margin-bottom: var(--space-4);
}._container_1rwu1_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-6) 0;
    border-top: 1px solid var(--border-default);
}

@media (min-width: 640px) {
    ._container_1rwu1_1 {
        flex-direction: row;
        gap: 0;
    }
}

._results-info_1rwu1_18 {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

._highlight_1rwu1_23 {
    font-weight: var(--font-medium);
    color: var(--text-foreground);
}

._controls_1rwu1_28 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

._page-numbers_1rwu1_34 {
    display: none;
    align-items: center;
    gap: var(--space-1);
}

@media (min-width: 640px) {
    ._page-numbers_1rwu1_34 {
        display: flex;
    }
}

._dots_1rwu1_46 {
    padding: var(--space-2) var(--space-3);
    color: var(--text-muted);
}

._page-btn_1rwu1_51 {
    min-width: 40px;
}

._mobile-info_1rwu1_55 {
    font-size: var(--text-sm);
    color: var(--text-muted);
    padding: var(--space-2) var(--space-3);
}

@media (min-width: 640px) {
    ._mobile-info_1rwu1_55 {
        display: none;
    }
}._container_1cdls_1 {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    position: relative;
}

._container_1cdls_1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border-light), transparent);
    z-index: 1;
}

._main-content_1cdls_18 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: var(--space-2) var(--space-4);
    position: relative;
    z-index: 2;
}

._category-page_1cdls_27 ._main-content_1cdls_18 {
    max-width: none;
    padding: 0 0 76px;
}

._collection-banner_1cdls_32 {
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    min-height: 250px;
    aspect-ratio: 3.2 / 1;
    padding: clamp(24px, 5vw, 72px);
    margin-bottom: 16px;
    background-position: center 40%;
    background-size: cover;
    color: #ffffff;
}

._collection-banner_1cdls_32 h1 {
    margin: 0;
    color: #ffffff;
    font-family: 'Outfit', 'Inter', sans-serif;
    font-size: clamp(32px, 4vw, 64px);
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

@media (max-width: 640px) {
    ._collection-banner_1cdls_32 {
        min-height: 190px;
        aspect-ratio: 1.8 / 1;
        margin-bottom: 10px;
    }
}

._category-hidden_1cdls_66 {
    display: none !important;
}

._category-page_1cdls_27 ._layout-grid_1cdls_70 {
    display: block;
}

._category-page_1cdls_27 ._product-grid-section_1cdls_74 {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

._category-actions_1cdls_81 {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    display: flex;
    height: 72px;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
}

._category-actions_1cdls_81 button {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #171717;
    font: inherit;
    font-size: 16px;
    cursor: pointer;
}

._category-actions_1cdls_81 button + button {
    border-left: 1px solid #e5e5e5;
}

._category-actions_1cdls_81 button:hover {
    background-color: #fafafa;
}

._category-actions_1cdls_81 button:focus-visible {
    outline: 2px solid #171717;
    outline-offset: -4px;
}

._filter-count-chip_1cdls_120 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 9999px;
    background-color: #111111;
    color: #FFD000;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 767px) {
    ._main-content_1cdls_18 {
        padding: 0;
        /* Remove padding for edge-to-edge grid if needed, or use mobile padding */
    }

    ._product-grid-section_1cdls_74 {
        border-radius: 0;
        border-left: none;
        border-right: none;
        box-shadow: none;
        padding: 0;
    }
}

/* Breadcrumb */
._breadcrumb_1cdls_151 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-bottom: var(--space-2);
}

._breadcrumb-link_1cdls_160 {
    transition: color var(--transition-fast);
}

._breadcrumb-link_1cdls_160:hover {
    color: var(--color-primary);
}

._breadcrumb-current_1cdls_168 {
    color: var(--text-foreground);
}

._breadcrumb-current_1cdls_168._capitalize_1cdls_172 {
    text-transform: capitalize;
}

/* Page Header */
._page-header_1cdls_177 {
    margin-bottom: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-default);
}

._page-title_1cdls_186 {
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    margin-bottom: var(--space-2);
    color: var(--verve-black);
}

@media (min-width: 768px) {
    ._page-title_1cdls_186 {
        font-size: var(--text-4xl);
    }
}

._page-description_1cdls_199 {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    max-width: 42rem;
}

/* Layout */
._layout-grid_1cdls_70 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
    align-items: start;
}

@media (min-width: 1024px) {
    ._layout-grid_1cdls_70 {
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 24px;
    }
}

._content-area_1cdls_220 {
    min-width: 0;
    width: 100%;
}

._product-grid-section_1cdls_74 {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    min-width: 0;
    width: 100%;
}

/* Mobile Sticky Actions */
._mobile-sticky-actions_1cdls_235 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-color: var(--color-white);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: var(--z-fixed);
    border-top: 1px solid var(--border-light);
}

@media (max-width: 1024px) {
    ._mobile-sticky-actions_1cdls_235 {
        display: flex;
        align-items: center;
    }
}

._sticky-action-btn_1cdls_255 {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    background: none;
    border: none;
    font-size: 12px;
    font-weight: 700;
    color: var(--verve-text-primary);
    letter-spacing: 1px;
    cursor: pointer;
}

._sticky-divider_1cdls_271 {
    width: 1px;
    height: 24px;
    background-color: var(--border-light);
}

@media (max-width: 1024px) {
    ._main-content_1cdls_18 {
        padding-bottom: 60px;
        /* Space for sticky bar */
    }
}._select-wrapper_7nvep_1 {
    position: relative;
    width: 100%;
}

._select-trigger_7nvep_6 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-white);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    color: var(--verve-black);
    transition: all var(--transition-base);
    cursor: pointer;
    box-shadow: var(--shadow-sm);
}

._select-trigger_7nvep_6:hover:not(:disabled) {
    border-color: var(--verve-navy);
    box-shadow: var(--shadow-md);
}

._select-trigger_7nvep_6:focus {
    outline: none;
    border-color: var(--verve-navy);
    box-shadow: 0 0 0 3px rgba(0, 35, 68, 0.1);
}

._select-trigger_7nvep_6[aria-expanded="true"] {
    border-color: var(--verve-navy);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

._select-content_7nvep_39 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: var(--z-dropdown);
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border: 1px solid var(--verve-navy);
    border-top: none;
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    animation: _slideIn_7nvep_1 0.2s ease-out;
}


@media (max-width: 640px) {
    ._select-content_7nvep_39 {
        /* Restored shared styles overlap prevention */
        position: absolute;
        /* Rely on inline styles for left/width to prevent overflow */
        margin-top: var(--space-2);
        border: 1px solid var(--verve-navy);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-lg);
        animation: none;
        transform: none;
        max-height: 240px;
        z-index: 9999;
    }

    ._mobile-backdrop_7nvep_72 {
        display: none;
    }
}

@keyframes _slideIn_7nvep_1 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._options-list_7nvep_89 {
    max-height: 240px;
    overflow-y: auto;
    padding: var(--space-1) 0;
}

._option_7nvep_89 {
    padding: var(--space-3) var(--space-4);
    /* Increased vertical padding for better touch targets */
    font-size: var(--text-base);
    /* Slightly larger text for mobile readability */
    color: var(--verve-black);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._option_7nvep_89:hover {
    background-color: var(--verve-cream);
    color: var(--verve-navy);
}

._option-selected_7nvep_113 {
    background-color: var(--verve-navy) !important;
    color: var(--color-white) !important;
}

._option-disabled_7nvep_118 {
    opacity: 0.5;
    cursor: not-allowed;
}

._option-label_7nvep_123 {
    flex: 1;
}

._option-description_7nvep_127 {
    font-size: var(--text-xs);
    opacity: 0.7;
    margin-top: 2px;
}

._select-label_7nvep_133 {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--verve-navy);
    margin-bottom: var(--space-1);
}

._error-message_7nvep_141 {
    color: var(--color-error);
    font-size: var(--text-xs);
    margin-top: 4px;
}

._chevron_7nvep_147 {
    transition: transform var(--transition-base);
}

._chevron-open_7nvep_151 {
    transform: rotate(180deg);
}

._search-container_7nvep_155 {
    padding: var(--space-2);
    border-bottom: 1px solid var(--verve-grey);
}._emptyState_1meaq_1 {
    padding: 36px 24px 0;
    text-align: center;
}

._iconBubble_1meaq_6 {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #fff4bf;
    color: #111111;
}

._emptyIcon_1meaq_17 {
    color: #111111;
}

._emptyTitle_1meaq_21 {
    margin: 0 0 8px;
    color: #111111;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

._emptyDescription_1meaq_29 {
    max-width: 520px;
    margin: 0 auto 20px;
    color: #666666;
    font-size: 14px;
    line-height: 1.55;
}

._emptyActions_1meaq_37 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

._shoppingLink_1meaq_44 {
    display: inline-flex;
    text-decoration: none;
}

._startShoppingButton_1meaq_49 {
    min-width: 168px;
    border: 1px solid #111111 !important;
    border-radius: 6px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-weight: 700;
}

._startShoppingButton_1meaq_49:hover:not(:disabled) {
    border-color: #ffd000 !important;
    background: #ffd000 !important;
    color: #111111 !important;
}

._helpLinks_1meaq_64 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #777777;
    font-size: 13px;
}

._helpLinks_1meaq_64 a {
    color: #6b5a14;
    text-decoration: none;
}

._helpLinks_1meaq_64 a:hover {
    color: #111111;
    text-decoration: underline;
}

._popularCategories_1meaq_83 {
    max-width: 780px;
    margin: 28px auto 0;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

._categoryHeading_1meaq_90 {
    margin: 0 0 14px;
    color: #111111;
    font-size: 16px;
    font-weight: 700;
}

._categoryGrid_1meaq_97 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

._categoryLink_1meaq_103 {
    display: flex;
    min-width: 0;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #ffffff;
    color: #222222;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 150ms ease, background-color 150ms ease;
}

._categoryLink_1meaq_103:hover {
    border-color: #d4a800;
    background: #fffdf3;
}

._categoryIcon_1meaq_126 {
    flex: 0 0 auto;
    color: #9b7900;
}

._filteredEmpty_1meaq_131 {
    padding-top: 28px;
    padding-bottom: 28px;
}

@media (max-width: 700px) {
    ._emptyState_1meaq_1 {
        padding: 28px 12px 0;
    }

    ._emptyTitle_1meaq_21 {
        font-size: 21px;
    }

    ._categoryGrid_1meaq_97 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    ._categoryLink_1meaq_103 {
        justify-content: flex-start;
        padding: 10px 12px;
    }
}/* OrderHistory.module.css */

/* Variables */
._order-history-page_7lyan_4 {
    --primary-color: #0f172a;
    --secondary-color: #64748b;
    --accent-color: #d4a800;
    --background-color: #f7f7f7;
    --card-bg: #ffffff;
    --border-color: #e2e8f0;

    /* Status Colors */
    --status-pending-bg: #fff7ed;
    --status-pending-text: #c2410c;
    --status-pending-border: #ffedd5;

    --status-confirmed-bg: #eff6ff;
    --status-confirmed-text: #1d4ed8;
    --status-confirmed-border: #dbeafe;

    --status-shipped-bg: #f0f9ff;
    --status-shipped-text: #0369a1;
    --status-shipped-border: #e0f2fe;

    --status-delivered-bg: #ecfdf5;
    --status-delivered-text: #047857;
    --status-delivered-border: #d1fae5;

    --status-cancelled-bg: #fef2f2;
    --status-cancelled-text: #b91c1c;
    --status-cancelled-border: #fee2e2;

    --font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-full: 9999px;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    font-family: var(--font-family);
    background: #f7f7f7;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

._container_7lyan_49 {
    width: 100%;
    max-width: 1040px;
    width: calc(100% - 32px);
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 40px;
    padding: 28px 32px 32px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    flex: 1;
}

/* Header Section */
._page-header_7lyan_65 {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

._breadcrumb_7lyan_71 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
}

._breadcrumb-link_7lyan_80 {
    color: var(--secondary-color);
    text-decoration: none;
    transition: var(--transition);
}

._breadcrumb-link_7lyan_80:hover {
    color: var(--accent-color);
}

._page-title_7lyan_90 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

._page-subtitle_7lyan_98 {
    color: var(--secondary-color);
    font-size: 1rem;
}

@media (max-width: 640px) {
    ._container_7lyan_49 {
        width: calc(100% - 24px);
        margin-top: 12px;
        margin-bottom: 24px;
        padding: 18px 16px 24px;
    }

    ._page-header_7lyan_65 {
        padding-bottom: 16px;
    }

    ._page-title_7lyan_90 {
        font-size: 1.75rem;
    }
}

/* Filters Section */
._filters-section_7lyan_121 {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: var(--shadow-sm);
}

._filter-header_7lyan_130 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

._search-container_7lyan_139 {
    flex: 1;
    min-width: 300px;
}

._filter-toggle_7lyan_144 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._filter-grid_7lyan_150 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
    margin-top: 1rem;
    animation: _slideDown_7lyan_1 0.3s ease-out;
}

._filter-summary_7lyan_160 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
    font-size: 0.875rem;
    color: var(--secondary-color);
}

/* Order List */
._orders-list_7lyan_172 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Order Card */
._order-card_7lyan_179 {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

._order-card_7lyan_179:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
    border-color: var(--accent-color);
}

._card-header_7lyan_195 {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

._order-info_7lyan_204 {
    flex: 1;
}

._order-number-row_7lyan_208 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

._order-number_7lyan_208 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary-color);
}

._order-meta_7lyan_222 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    font-size: 0.875rem;
    color: var(--secondary-color);
}

._meta-item_7lyan_230 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._order-total-section_7lyan_236 {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

._order-amount_7lyan_244 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--primary-color);
    font-family: monospace;
}

._card-actions_7lyan_251 {
    padding: 1rem 1.5rem;
    background-color: #f8fafc;
    border-top: 1px solid var(--border-color);
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

/* Shared Components & Utilities */
._status-badge_7lyan_261 {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid;
}

._status-pending_7lyan_273 {
    background-color: var(--status-pending-bg);
    color: var(--status-pending-text);
    border-color: var(--status-pending-border);
}

._status-confirmed_7lyan_279 {
    background-color: var(--status-confirmed-bg);
    color: var(--status-confirmed-text);
    border-color: var(--status-confirmed-border);
}

._status-shipped_7lyan_285 {
    background-color: var(--status-shipped-bg);
    color: var(--status-shipped-text);
    border-color: var(--status-shipped-border);
}

._status-delivered_7lyan_291 {
    background-color: var(--status-delivered-bg);
    color: var(--status-delivered-text);
    border-color: var(--status-delivered-border);
}

._status-cancelled_7lyan_297 {
    background-color: var(--status-cancelled-bg);
    color: var(--status-cancelled-text);
    border-color: var(--status-cancelled-border);
}

._status-default_7lyan_303 {
    background-color: var(--background-color);
    color: var(--secondary-color);
    border-color: var(--border-color);
}

/* Empty State */
._empty-state_7lyan_310 {
    text-align: center;
    padding: 4rem 2rem;
    background-color: var(--card-bg);
    border-radius: var(--radius-lg);
    border: 1px dashed var(--border-color);
}

._empty-icon_7lyan_318 {
    width: 4rem;
    height: 4rem;
    color: var(--secondary-color);
    margin-bottom: 1.5rem;
    opacity: 0.5;
}

._empty-title_7lyan_326 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

._empty-desc_7lyan_333 {
    color: var(--secondary-color);
    margin-bottom: 2rem;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Modal */
._modal-overlay_7lyan_342 {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    padding: 1rem;
    animation: _fadeIn_7lyan_1 0.2s ease-out;
}

._modal-content_7lyan_355 {
    background-color: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: _scaleUp_7lyan_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

._modal-header_7lyan_367 {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

._modal-body_7lyan_375 {
    overflow-y: auto;
    padding: 1.5rem;
}

._section-title_7lyan_380 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._detail-grid_7lyan_390 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

._info-box_7lyan_397 {
    background-color: #f8fafc;
    padding: 1.25rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

._item-list_7lyan_404 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

._order-item_7lyan_411 {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    align-items: center;
}

._item-image_7lyan_420 {
    width: 5rem;
    height: 5rem;
    border-radius: var(--radius-md);
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f1f5f9;
}

._item-details_7lyan_429 {
    flex: 1;
}

._item-name_7lyan_433 {
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 0.25rem;
    display: block;
    text-decoration: none;
}

._item-name_7lyan_433:hover {
    color: var(--accent-color);
}

._item-meta_7lyan_445 {
    font-size: 0.875rem;
    color: var(--secondary-color);
}

._text-primary_7lyan_450 {
    color: var(--primary-color);
}

._text-secondary_7lyan_454 {
    color: var(--secondary-color);
}

._timeline_7lyan_458 {
    position: relative;
    padding-left: 2rem;
    margin-top: 1rem;
}

._timeline-item_7lyan_464 {
    position: relative;
    padding-bottom: 2rem;
}

._timeline-item_7lyan_464:last-child {
    padding-bottom: 0;
}

._timeline-line_7lyan_473 {
    position: absolute;
    left: -2rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--border-color);
    margin-left: 7px;
}

._timeline-dot_7lyan_483 {
    position: absolute;
    left: -2rem;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: var(--border-color);
    z-index: 1;
}

._timeline-dot_7lyan_483._completed_7lyan_494 {
    background-color: var(--status-delivered-text);
    border-color: var(--status-delivered-text);
}

/* Expanded Card Details */
._expanded-details_7lyan_500 {
    border-top: 1px solid var(--border-color);
    background-color: #fcfcfc;
}

._expanded-section_7lyan_505 {
    padding: 1.5rem;
}

/* Animations */
@keyframes _fadeIn_7lyan_1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes _slideDown_7lyan_1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes _scaleUp_7lyan_1 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Responsive */
@media (max-width: 640px) {
    ._card-header_7lyan_195 {
        flex-direction: column;
        align-items: stretch;
    }

    ._order-total-section_7lyan_236 {
        text-align: left;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 1rem;
    }

    ._filter-header_7lyan_130 {
        flex-direction: column;
        align-items: stretch;
    }

    ._search-container_7lyan_139 {
        width: 100%;
    }

    ._filter-toggle_7lyan_144 {
        width: 100%;
        justify-content: space-between;
    }

    ._order-item_7lyan_411 {
        flex-direction: column;
        align-items: flex-start;
    }

    ._item-image_7lyan_420 {
        width: 100%;
        height: 150px;
    }

    ._card-actions_7lyan_251 {
        flex-direction: column;
    }

    ._card-actions_7lyan_251 button {
        width: 100%;
    }
}

/* Action Modal Specific Styles */
._action-modal-content_7lyan_594 {
    background-color: var(--color-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: _scaleUp_7lyan_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

._action-modal-header_7lyan_606 {
    padding: var(--space-4) var(--space-6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-light);
}

._action-modal-title_7lyan_614 {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--verve-black);
    letter-spacing: -0.5px;
}

._action-close-btn_7lyan_621 {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-tertiary);
    transition: var(--transition-base);
    padding: var(--space-1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
}

._action-close-btn_7lyan_621:hover {
    background-color: var(--bg-secondary);
    color: var(--verve-black);
}

._action-modal-body_7lyan_639 {
    padding: var(--space-6);
    gap: var(--space-4);
}

._action-modal-description_7lyan_644 {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
}

._form-group_7lyan_650 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

._form-label_7lyan_656 {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--verve-black);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._required_7lyan_664 {
    color: var(--color-error);
}

._action-select_7lyan_668 {
    width: 100%;
}

._action-textarea_7lyan_672 {
    width: 100%;
    min-height: 80px;
    padding: var(--space-4);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    color: var(--verve-black);
    resize: none;
    transition: var(--transition-base);
    background-color: var(--color-white);
}

._action-textarea_7lyan_672:focus {
    outline: none;
    border-color: var(--verve-black);
    box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.05);
}

._form-error_7lyan_692 {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin-top: var(--space-1);
}

._action-modal-footer_7lyan_698 {
    padding: var(--space-4) var(--space-6);
    background-color: var(--bg-primary);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-4);
    border-top: 1px solid var(--border-light);
}

._btn-secondary_7lyan_707 {
    background: none;
    border: 1px solid var(--border-dark);
    color: var(--verve-black);
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition-base);
}

._btn-secondary_7lyan_707:hover {
    background-color: var(--bg-secondary);
}

._btn-primary_7lyan_725 {
    background-color: var(--verve-black);
    border: 1px solid var(--verve-black);
    color: var(--color-white);
    padding: var(--space-3) var(--space-8);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition-base);
}

._btn-primary_7lyan_725:hover {
    opacity: 0.9;
}

._btn-danger_7lyan_743 {
    background-color: var(--color-error);
    border-color: var(--color-error);
}

._btn-danger_7lyan_743:hover {
    background-color: var(--color-error-dark);
    border-color: var(--color-error-dark);
}

._btn-loading-content_7lyan_753 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

._spinner_7lyan_759 {
    animation: _spin_7lyan_759 1s linear infinite;
}

@keyframes _spin_7lyan_759 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Review Prompt Styles */
._review-prompt_7lyan_774 {
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: var(--radius-md);
    padding: 1rem;
    margin: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    animation: _slideIn_7lyan_1 0.3s ease-out;
}

._review-prompt-content_7lyan_787 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #92400e;
}

._review-prompt-text_7lyan_794 {
    font-size: 0.875rem;
    font-weight: 500;
}

._review-now-btn_7lyan_799 {
    background-color: #f59e0b !important;
    color: white !important;
    border: none !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 0.25rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

._review-now-btn_7lyan_799:hover {
    background-color: #d97706 !important;
}

@keyframes _slideIn_7lyan_1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* Progress Container */
._progress-box_11oqy_2 {
    background: white;
    border-radius: var(--radius-xl);
    padding: 1.5rem 2rem;
    border: 1px solid var(--color-gray-200);
    margin-bottom: 2rem;
    box-shadow: var(--shadow-sm);
}

._steps-container_11oqy_11 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._step-item_11oqy_17 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
    z-index: 2;
}

._step-icon-wrapper_11oqy_25 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

/* Step States */
._step-item_11oqy_17._active_11oqy_38 ._step-icon-wrapper_11oqy_25 {
    background: var(--color-primary);
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._step-item_11oqy_17._completed_11oqy_44 ._step-icon-wrapper_11oqy_25 {
    background: var(--color-success);
    color: white;
}

._step-item_11oqy_17._pending_11oqy_49 ._step-icon-wrapper_11oqy_25 {
    background: var(--color-gray-100);
    color: var(--color-gray-400);
}

._step-label_11oqy_54 {
    font-weight: 600;
    font-size: 0.95rem;
    white-space: nowrap;
}

._step-item_11oqy_17._active_11oqy_38 ._step-label_11oqy_54 {
    color: var(--color-primary);
}

._step-item_11oqy_17._completed_11oqy_44 ._step-label_11oqy_54 {
    color: var(--color-success);
}

._step-item_11oqy_17._pending_11oqy_49 ._step-label_11oqy_54 {
    color: var(--color-gray-400);
}

/* Connector Line */
._step-connector_11oqy_73 {
    flex: 1;
    height: 2px;
    background: var(--color-gray-200);
    margin: 0 1rem;
    position: relative;
}

._step-connector_11oqy_73._completed_11oqy_44 {
    background: var(--color-success);
}

/* Responsive */
@media (max-width: 640px) {
    ._progress-box_11oqy_2 {
        padding: 1rem;
        overflow-x: auto;
    }

    ._step-label_11oqy_54 {
        display: none;
    }

    ._step-item_11oqy_17._active_11oqy_38 ._step-label_11oqy_54 {
        display: block;
        font-size: 0.85rem;
    }
}._shipping-container_19tku_1 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    animation: _fadeIn_19tku_1 0.4s ease-out;
}

/* Address Grid */
._address-grid_19tku_17 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
    margin-top: 1rem;
}

._address-card_19tku_31 {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: white;
    min-height: 140px;
}

._address-card_19tku_31:hover {
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

._address-card_19tku_31._selected_19tku_71 {
    border-color: var(--color-primary);
    background: var(--bg-primary);
    /* Verve cream or similar light bg */
    box-shadow: 0 0 0 1px var(--color-primary);
}

._radio-input_19tku_85 {
    margin-top: 0.25rem;
    accent-color: var(--color-primary);
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
}

._address-content_19tku_101 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

._address-header_19tku_115 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

._address-name_19tku_129 {
    font-weight: 600;
    color: var(--color-primary);
    font-size: 1.05rem;
}

._address-type-badge_19tku_141 {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.2rem 0.5rem;
    background: var(--color-gray-100);
    border-radius: 4px;
    color: var(--color-gray-600);
    font-weight: 600;
}

._default-badge_19tku_163 {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    background: rgba(16, 185, 129, 0.1);
    color: var(--color-success);
    border-radius: 4px;
    font-weight: 600;
    margin-left: 0.5rem;
}

._address-text_19tku_183 {
    color: var(--color-gray-600);
    font-size: 0.925rem;
    line-height: 1.5;
    margin: 0;
}

._address-phone_19tku_197 {
    margin-top: auto;
    padding-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-gray-500);
    font-family: var(--font-mono, monospace);
}

/* Add New Address Section */
._add-address-section_19tku_215 {
    border-top: 1px solid var(--color-gray-200);
    padding-top: 2rem;
    margin-top: 1rem;
}

._add-address-btn_19tku_227 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px dashed var(--color-gray-300);
    border-radius: var(--radius-xl);
    color: var(--color-gray-600);
    background: var(--color-gray-50);
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
}

._add-address-btn_19tku_227:hover {
    background: var(--color-gray-100);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Form Styling (Styled exactly after Image 2) */
._form-container_19tku_273 {
    background: #ffffff;
    padding: 2rem 2.25rem;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    max-width: 580px;
    margin: 1.5rem auto 0;
    position: relative;
    animation: _fadeIn_19tku_1 0.25s ease-out;
    box-sizing: border-box;
}

._form-header-wrap_19tku_299 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.75rem;
}

._form-title_19tku_315 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
    text-align: center;
    letter-spacing: -0.01em;
}

._form-close-btn_19tku_333 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FFD000;
    color: #111111;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 6px rgba(255, 208, 0, 0.35);
}

._form-close-btn_19tku_333:hover {
    background: #e6bc00;
    transform: translateY(-50%) scale(1.06);
}

/* Field Group & Labels */
._field-group_19tku_383 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

._field-label_19tku_397 {
    font-size: 0.725rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #4b5563;
    margin: 0;
}

/* Inputs matching Image 2 */
._field-input_19tku_417 {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    font-size: 0.925rem;
    color: #111827;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    outline: none;
    transition: all 0.2s ease;
    box-sizing: border-box;
    font-family: inherit;
}

._field-input_19tku_417::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

/* Exact Golden-Yellow Focus Ring from Image 2 */
._field-input_19tku_417:focus {
    background: #ffffff;
    border: 2px solid #FFD000;
    box-shadow: 0 0 0 3px rgba(255, 208, 0, 0.2);
}

._field-input_19tku_417._has-error_19tku_471 {
    border-color: #ef4444;
    background: #fef2f2;
}

/* Select Dropdown matching Image 2 */
._select-wrapper_19tku_483 {
    position: relative;
    width: 100%;
}

._field-select_19tku_493 {
    width: 100%;
    height: 48px;
    padding: 0 38px 0 16px;
    font-size: 0.925rem;
    color: #111827;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
    font-family: inherit;
}

._field-select_19tku_493:focus {
    background: #ffffff;
    border: 2px solid #FFD000;
    box-shadow: 0 0 0 3px rgba(255, 208, 0, 0.2);
}

._select-arrow_19tku_543 {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #4b5563;
}

/* 2-Column Grid */
._grid-2-col_19tku_563 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* Checkbox matching Image 2 */
._default-checkbox-wrap_19tku_577 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    margin-bottom: 22px;
    cursor: pointer;
    user-select: none;
}

._custom-checkbox_19tku_597 {
    width: 18px;
    height: 18px;
    border: 1.5px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    accent-color: #111111;
}

._default-checkbox-label_19tku_615 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #111827;
    cursor: pointer;
    margin: 0;
}

/* Action Button matching Image 2 pill style */
._btn-save-address_19tku_633 {
    width: 100%;
    height: 48px;
    border-radius: 9999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

._btn-save-address_19tku_633:hover:not(:disabled) {
    background: #1d4ed8;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
}

._btn-save-address_19tku_633:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

._field-error-text_19tku_691 {
    font-size: 0.75rem;
    color: #ef4444;
    margin-top: 2px;
}

._form-banner-error_19tku_703 {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 8px;
    font-size: 0.875rem;
    border: 1px solid #fecaca;
}

._empty-state_19tku_723 {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--color-gray-50);
    border-radius: var(--radius-2xl);
    border: 1px dashed var(--color-gray-300);
}

._action-bar_19tku_739 {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--color-gray-100);
}

/* Animations */
@keyframes _fadeIn_19tku_1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 640px) {
    ._address-grid_19tku_17 {
        grid-template-columns: 1fr;
    }

    ._form-container_19tku_273 {
        padding: 1.25rem;
        border-radius: 16px;
    }

    ._grid-2-col_19tku_563 {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* Payment Form Container */
._payment-container_siqxr_2 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    animation: _fadeIn_siqxr_1 0.4s ease-out;
}

._payment-section_siqxr_9 {
    background: var(--color-gray-50);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    border: 1px solid var(--color-gray-200);
}

._payment-header_siqxr_16 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

._payment-title_siqxr_23 {
    font-weight: 600;
    color: var(--color-primary);
    font-size: 1.1rem;
}

._payment-description_siqxr_29 {
    font-size: 0.9rem;
    color: var(--color-gray-600);
    margin-left: 2.25rem;
    /* Icon size (24px) + gap (12px) roughly */
    margin-bottom: 1.25rem;
}

/* Alert Box */
._info-box_siqxr_38 {
    background: rgba(245, 158, 11, 0.08);
    border: 1px dashed rgba(245, 158, 11, 0.3);
    border-radius: var(--radius-lg);
    padding: 1rem;
    margin-left: 2.25rem;
}

._info-content_siqxr_46 {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

._info-title_siqxr_52 {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-warning-dark);
    margin-bottom: 0.25rem;
}

._info-text_siqxr_59 {
    font-size: 0.85rem;
    color: var(--color-warning-dark);
    opacity: 0.9;
}

/* New Payment Methods Grid */
._payment-methods-grid_siqxr_66 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

._payment-method-card_siqxr_72 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--color-gray-200, #e2e8f0);
    border-radius: var(--radius-lg, 0.5rem);
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    position: relative;
}

._payment-method-card_siqxr_72:hover {
    border-color: var(--color-primary);
    background: var(--color-gray-50, #f8fafc);
}

._payment-method-card_siqxr_72._selected_siqxr_90 {
    border-color: var(--color-primary);
    background: rgba(99, 102, 241, 0.05); /* Fallback to indigo tint if var missing */
    box-shadow: 0 0 0 1px var(--color-primary);
}

._radio-circle_siqxr_96 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--color-gray-300, #cbd5e1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._payment-method-card_siqxr_72._selected_siqxr_90 ._radio-circle_siqxr_96 {
    border-color: var(--color-primary);
}

._radio-inner_siqxr_111 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-primary);
}

._method-details_siqxr_118 {
    flex: 1;
}

._method-title_siqxr_122 {
    font-weight: 600;
    color: var(--color-text-primary, #1e293b);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

._method-description_siqxr_131 {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #64748b);
    margin: 0;
}

/* Coupon Reflection Banner in Payment Section */
._coupon-banner_siqxr_138 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
    border-radius: var(--radius-lg, 0.75rem);
    margin-bottom: 1.25rem;
    animation: _fadeIn_siqxr_1 0.3s ease-out;
}

._coupon-banner-left_siqxr_151 {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

._coupon-icon-circle_siqxr_157 {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #16a34a;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(22, 163, 74, 0.25);
}

._coupon-banner-title_siqxr_170 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #14532d;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._coupon-code-pill_siqxr_180 {
    background: #15803d;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    font-family: monospace;
}

._coupon-banner-subtitle_siqxr_190 {
    font-size: 0.825rem;
    color: #166534;
    margin: 0.2rem 0 0 0;
}

._coupon-badge-active_siqxr_196 {
    font-size: 0.75rem;
    font-weight: 700;
    color: #15803d;
    background: rgba(22, 163, 74, 0.12);
    border: 1px solid rgba(22, 163, 74, 0.25);
    padding: 4px 10px;
    border-radius: 9999px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Coupon Hint (When not applied) */
._coupon-hint_siqxr_210 {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: var(--radius-lg, 0.5rem);
    margin-bottom: 1.25rem;
    font-size: 0.85rem;
    color: #64748b;
}

/* Payment Summary Breakdown in Payment Step */
._payment-summary-box_siqxr_224 {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: var(--radius-lg, 0.75rem);
    padding: 1.25rem;
    margin-top: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

._payment-summary-title_siqxr_233 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.85rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._summary-rows_siqxr_243 {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

._summary-row_siqxr_243 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    color: #475569;
}

._summary-row_siqxr_243._discount-row_siqxr_257 {
    color: #16a34a;
    font-weight: 600;
    background: #f0fdf4;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    border: 1px dashed #bbf7d0;
}

._summary-row_siqxr_243._total-row_siqxr_266 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    border-top: 1px solid #e2e8f0;
    padding-top: 0.75rem;
    margin-top: 0.25rem;
}

/* Actions */
._actions_siqxr_276 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--color-gray-200);
}

@keyframes _fadeIn_siqxr_1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    ._actions_siqxr_276 {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    ._actions_siqxr_276 button {
        width: 100%;
    }

    ._payment-description_siqxr_29,
    ._info-box_siqxr_38 {
        margin-left: 0;
    }
}/* CheckoutProcess.module.css */

/* Global Layout */
._checkout-page_1gjgt_4 {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    min-height: 100vh;
    padding-bottom: 4rem;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
}

._container_1gjgt_12 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Breadcrumb */
._breadcrumb_1gjgt_19 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 0;
    font-size: 0.875rem;
    color: #64748b;
}

._breadcrumb-link_1gjgt_28 {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s;
}

._breadcrumb-link_1gjgt_28:hover {
    color: #0f172a;
}

._breadcrumb-current_1gjgt_38 {
    color: #0f172a;
    font-weight: 500;
}

/* Page Header */
._page-header_1gjgt_44 {
    text-align: center;
    margin-bottom: 3rem;
}

._page-title_1gjgt_49 {
    font-size: 2rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

._page-subtitle_1gjgt_57 {
    color: #64748b;
    font-size: 1.1rem;
}

/* Main Grid Layout */
._layout-grid_1gjgt_63 {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 3rem;
    align-items: start;
    margin-top: 1rem;
}

/* Main Content Column */
._main-content_1gjgt_72 {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* Progress Indicator */
._progress-container_1gjgt_79 {
    background: white;
    border-radius: var(--radius-xl);
    padding: 2rem;
    box-shadow: var(--shadow-sm);
    margin-bottom: 2rem;
    border: 1px solid var(--border-light);
}

/* Cards (Standard Container) */
._card_1gjgt_89 {
    background: white;
    border-radius: var(--radius-2xl);
    border: 1px solid var(--border-light);
    padding: 2.5rem;
    box-shadow: var(--shadow-md);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._card_1gjgt_89:hover {
    box-shadow: var(--shadow-lg);
    border-color: var(--border-medium);
}

._card-title_1gjgt_103 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Sidebar (Order Summary) */
._sidebar_1gjgt_114 {
    position: sticky;
    top: 2rem;
}

._summary-card_1gjgt_119 {
    background: white;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}

._summary-header_1gjgt_127 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

._summary-item_1gjgt_135 {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #f1f5f9;
}

._summary-item_1gjgt_135:last-child {
    border-bottom: none;
}

._item-info_1gjgt_148 {
    flex: 1;
    min-width: 0;
}

._item-title_1gjgt_153 {
    font-weight: 500;
    font-size: 0.9rem;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._item-meta_1gjgt_162 {
    font-size: 0.8rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

._item-price_1gjgt_168 {
    font-family: 'DM Mono', monospace;
    font-weight: 500;
    color: #0f172a;
    font-size: 0.9rem;
}

/* Order Totals */
._order-totals_1gjgt_176 {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1.5rem;
    border: 1px solid #e2e8f0;
}

._total-row_1gjgt_184 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: #64748b;
}

._total-row_1gjgt_184._final_1gjgt_192 {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #cbd5e1;
    color: #0f172a;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 0;
}

._total-row_1gjgt_184._discount_1gjgt_202 {
    color: #16a34a;
}

/* Coupon Input */
._coupon-section_1gjgt_207 {
    margin-top: 1.5rem;
}

._coupon-input-group_1gjgt_211 {
    display: flex;
    gap: 0.5rem;
}

._coupon-input_1gjgt_211 {
    flex: 1;
    padding: 0.625rem 1rem;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    font-size: 0.875rem;
    transition: all 0.2s;
}

._coupon-input_1gjgt_211:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._apply-btn_1gjgt_231 {
    padding: 0 1.25rem;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    font-weight: 500;
    font-size: 0.875rem;
    border: 1px solid #cbd5e1;
    cursor: pointer;
    transition: all 0.2s;
}

._apply-btn_1gjgt_231:hover {
    background: #e2e8f0;
    color: #0f172a;
}

/* Security Trust Badges */
._trust-badges_1gjgt_249 {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

._badge_1gjgt_260 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

._badge_1gjgt_260 i {
    color: #10b981;
}

/* Help Section */
._help-section_1gjgt_274 {
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 2rem;
}

._help-card_1gjgt_280 {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 2.25rem 2rem;
    max-width: 620px;
    margin: 0 auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

._help-icon-circle_1gjgt_294 {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #FFF9D2;
    border: 1.5px solid #FFE040;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    box-shadow: 0 4px 12px rgba(255, 208, 0, 0.2);
}

._help-title_1gjgt_308 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 0.35rem;
}

._help-subtitle_1gjgt_315 {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
    max-width: 440px;
    line-height: 1.4;
}

._help-buttons-row_1gjgt_323 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 420px;
}

@media (min-width: 640px) {
    ._help-buttons-row_1gjgt_323 {
        flex-direction: row;
        justify-content: center;
    }
}

._help-btn_1gjgt_338 {
    flex: 1;
    height: 44px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

._help-btn-chat_1gjgt_352 {
    background: #ffffff;
    border: 1.5px solid #111111;
    color: #111111;
}

._help-btn-chat_1gjgt_352:hover {
    background: #111111;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._help-btn-call_1gjgt_365 {
    background: #FFF9D2;
    border: 1.5px solid #FFE040;
    color: #854d0e;
}

._help-btn-call_1gjgt_365:hover {
    background: #FFD000;
    border-color: #FFD000;
    color: #111111;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 208, 0, 0.35);
}

/* Support Concierge Modal */
._support-modal-overlay_1gjgt_380 {
    position: fixed;
    inset: 0;
    background-color: rgba(10, 10, 10, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    animation: _fadeIn_1gjgt_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

._support-modal-container_1gjgt_394 {
    background: #ffffff;
    border-radius: 20px;
    width: 100%;
    max-width: 520px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.45);
    position: relative;
    animation: _scaleIn_1gjgt_1 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

._support-modal-header_1gjgt_408 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    background: #ffffff;
}

._support-modal-badge_1gjgt_417 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
    color: #15803d;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

._support-modal-title_1gjgt_433 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111111;
    margin: 0;
}

._support-modal-subtitle_1gjgt_440 {
    font-size: 0.8125rem;
    color: #6b7280;
    margin: 2px 0 0;
}

._support-modal-close_1gjgt_446 {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f4f4f5;
    border: 1px solid #e4e4e7;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

._support-modal-close_1gjgt_446:hover {
    background: #111111;
    color: #ffffff;
    transform: rotate(90deg);
}

._support-modal-body_1gjgt_467 {
    padding: 1.25rem 1.5rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

._support-channel-card_1gjgt_475 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 14px;
    border: 1.5px solid #e5e7eb;
    background: #fafafa;
    transition: all 0.2s ease;
    gap: 12px;
}

._support-channel-card_1gjgt_475:hover {
    border-color: #111111;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

._channel-info-group_1gjgt_493 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

._channel-icon-box_1gjgt_500 {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

._channel-icon-whatsapp_1gjgt_510 {
    background: #dcfce7;
    color: #16a34a;
}

._channel-icon-phone_1gjgt_515 {
    background: #FFF9D2;
    color: #854d0e;
}

._channel-icon-email_1gjgt_520 {
    background: #eff6ff;
    color: #2563eb;
}

._channel-text-group_1gjgt_525 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

._channel-name_1gjgt_532 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #111111;
    margin: 0;
}

._channel-desc_1gjgt_539 {
    font-size: 0.75rem;
    color: #6b7280;
    margin: 0;
}

._channel-value_1gjgt_545 {
    font-size: 0.75rem;
    font-weight: 600;
    color: #111111;
    font-family: monospace;
}

._channel-action-btn_1gjgt_552 {
    padding: 8px 14px;
    font-size: 0.8125rem;
    font-weight: 700;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s ease;
    flex-shrink: 0;
    text-decoration: none;
}

._btn-whatsapp-action_1gjgt_567 {
    background: #25D366;
    color: #ffffff;
}

._btn-whatsapp-action_1gjgt_567:hover {
    background: #1ebc59;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
}

._btn-call-action_1gjgt_578 {
    background: #FFD000;
    color: #111111;
}

._btn-call-action_1gjgt_578:hover {
    background: #e8bc00;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 208, 0, 0.35);
}

._btn-email-action_1gjgt_589 {
    background: #111111;
    color: #ffffff;
}

._btn-email-action_1gjgt_589:hover {
    background: #333333;
}

._support-footer-note_1gjgt_598 {
    background: #f4f4f5;
    border-radius: 12px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.75rem;
    color: #52525b;
    line-height: 1.4;
}

._support-helpcenter-link_1gjgt_610 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #111111;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 4px 0;
    cursor: pointer;
}

._support-helpcenter-link_1gjgt_610:hover {
    color: #D4A800;
}

/* Modal Overlay (Fixed z-index and centering) */
/* Modal Overlay (Fixed z-index and centering) */
._modal-overlay_1gjgt_630 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: _fadeIn_1gjgt_1 0.3s ease;
}

._modal-content_1gjgt_646 {
    background: white;
    width: 100%;
    max-width: 380px;
    /* Reduced from 420px */
    border-radius: 16px;
    /* Reduced radius */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    animation: _scaleIn_1gjgt_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

._success-header_1gjgt_658 {
    background: #f0fdf4;
    padding: 1.75rem 1.25rem 1.5rem;
    /* Reduced padding */
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #dcfce7;
}

._success-icon-wrapper_1gjgt_668 {
    background: #fff;
    width: 60px;
    /* Reduced from 70px */
    height: 60px;
    /* Reduced from 70px */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
    /* Reduced margin */
}

._success-title_1gjgt_683 {
    font-size: 1.25rem;
    /* Reduced from 1.35rem */
    font-weight: 700;
    color: #166534;
    margin-bottom: 0.25rem;
}

._success-description_1gjgt_691 {
    text-align: center;
    color: #15803d;
    font-size: 0.9rem;
    /* Reduced from 0.95rem */
}

._order-details-box_1gjgt_698 {
    background: #f8fafc;
    margin: 1rem 1.25rem;
    /* Reduced margin */
    padding: 1rem;
    /* Reduced padding */
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    text-align: center;
}

._modal-actions_1gjgt_709 {
    padding: 0 1.25rem 1.25rem;
    /* Reduced padding */
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Animation Keyframes */
@keyframes _fadeIn_1gjgt_1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes _scaleIn_1gjgt_1 {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Responsive Handling */
@media (max-width: 1024px) {
    ._layout-grid_1gjgt_63 {
        grid-template-columns: 1fr;
    }

    ._sidebar_1gjgt_114 {
        position: static;
    }
}

@media (max-width: 640px) {
    ._container_1gjgt_12 {
        padding: 0 1rem;
    }

    ._page-title_1gjgt_49 {
        font-size: 1.5rem;
    }

    ._card_1gjgt_89 {
        padding: 1.25rem;
    }
}/* Social Login Component Styles */

._container_5uy1w_3 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Divider Section */
._dividerSection_5uy1w_10 {
    position: relative;
    margin: 1rem 0;
}

._dividerLine_5uy1w_15 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}

._dividerBorder_5uy1w_22 {
    width: 100%;
    border-top: 1px solid #e5e7eb;
}

._dividerTextWrapper_5uy1w_27 {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
}

._dividerText_5uy1w_27 {
    padding: 0 1rem;
    background: rgba(255, 255, 255, 0.95);
    color: #6b7280;
    font-weight: 500;
}

/* Social Buttons Grid */
._buttonsGrid_5uy1w_42 {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
}


/* Social Login Button */
._socialButton_5uy1w_50 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 2.5rem;
    width: 100%;
    max-width: 320px;
    background: linear-gradient(135deg, #5B9FED 0%, #4A8FDD 100%);
    color: #ffffff;
    border: 1px solid #4A8FDD;
    border-radius: 0.625rem;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

._socialButton_5uy1w_50::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

._socialButton_5uy1w_50:hover::before {
    width: 300px;
    height: 300px;
}

._socialButton_5uy1w_50:hover {
    background: linear-gradient(135deg, #6AAFFF 0%, #5B9FED 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(91, 159, 237, 0.35);
}

._socialButton_5uy1w_50:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(91, 159, 237, 0.3);
}

._socialButton_5uy1w_50:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

._socialButton_5uy1w_50:disabled:hover {
    background: linear-gradient(135deg, #5B9FED 0%, #4A8FDD 100%);
    box-shadow: none;
}

._buttonContent_5uy1w_109 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 1;
}

/* Security Info */
._securityInfo_5uy1w_118 {
    text-align: center;
}

._securityBadge_5uy1w_122 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #6b7280;
    padding: 0.5rem;
}

._securityIcon_5uy1w_132 {
    color: #10b981;
}

._securityText_5uy1w_136 {
    font-weight: 500;
}/* Trust Signals Component Styles */

._container_507fb_3 {
    background: linear-gradient(135deg, rgba(249, 250, 251, 0.8) 0%, rgba(243, 244, 246, 0.6) 100%);
    backdrop-filter: blur(5px);
    border-radius: 0.75rem;
    padding: 2rem 1.5rem;
    margin-top: 2rem;
    border: 1px solid rgba(209, 213, 219, 0.3);
}

._title_507fb_12 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #1f2937;
}

/* Features Grid */
._featuresGrid_507fb_21 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    ._featuresGrid_507fb_21 {
        grid-template-columns: repeat(3, 1fr);
    }
}

._featureCard_507fb_34 {
    text-align: center;
}

/* Icon Container */
._iconContainer_507fb_39 {
    width: 3rem;
    height: 3rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(96, 165, 250, 0.08) 100%);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.875rem;
    transition: all 0.3s ease;
    position: relative;
}

._iconContainer_507fb_39::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.75rem;
    padding: 2px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(96, 165, 250, 0.1));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
}

._featureCard_507fb_34:hover ._iconContainer_507fb_39 {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.2);
}

._featureCard_507fb_34:hover ._iconContainer_507fb_39::before {
    opacity: 1;
}

._featureIcon_507fb_76 {
    color: #3b82f6;
}

/* Feature Content */
._featureTitle_507fb_81 {
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #1f2937;
    font-size: 0.95rem;
}

._featureDescription_507fb_88 {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.4;
}

/* Compliance Section */
._complianceSection_507fb_95 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(209, 213, 219, 0.5);
    flex-wrap: wrap;
}

._complianceBadge_507fb_106 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

._complianceBadge_507fb_106:hover {
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._badgeIcon_507fb_122 {
    color: #10b981;
    flex-shrink: 0;
}

._badgeText_507fb_127 {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
    white-space: nowrap;
}/* User Authentication Page Styles */

._pageContainer_1ebd5_3 {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    display: flex;
    flex-direction: column;
}

._mainContent_1ebd5_10 {
    flex: 1;
    padding: 2rem 0;
}

@media (min-width: 1024px) {
    ._mainContent_1ebd5_10 {
        padding: 3rem 0;
    }
}

._container_1ebd5_21 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

._innerContainer_1ebd5_27 {
    max-width: 28rem;
    margin: 0 auto;
}

/* Breadcrumb */
._breadcrumb_1ebd5_33 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
}

._breadcrumbLink_1ebd5_42 {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.3s ease;
}

._breadcrumbLink_1ebd5_42:hover {
    color: #3b82f6;
}

._breadcrumbCurrent_1ebd5_52 {
    color: #374151;
    font-weight: 500;
}

/* Authentication Card */
._authCard_1ebd5_58 {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(209, 213, 219, 0.3);
    border-radius: 1rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    padding: 2rem;
    transition: all 0.3s ease;
}

._authCard_1ebd5_58:hover {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

@media (min-width: 1024px) {
    ._authCard_1ebd5_58 {
        padding: 2.5rem;
    }
}

/* Header Section */
._cardHeader_1ebd5_80 {
    text-align: center;
    margin-bottom: 2rem;
}

._cardTitle_1ebd5_85 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--verve-black);
}

._cardDescription_1ebd5_92 {
    color: #6b7280;
    font-size: 0.95rem;
}

/* Error Message */
._errorContainer_1ebd5_98 {
    margin-bottom: 1.5rem;
    padding: 0.875rem;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.05) 100%);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 0.5rem;
    animation: _slideDown_1ebd5_1 0.3s ease;
}

@keyframes _slideDown_1ebd5_1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._errorText_1ebd5_119 {
    color: #dc2626;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Links Section */
._linksContainer_1ebd5_126 {
    margin-top: 1.5rem;
    text-align: center;
}

._linksWrapper_1ebd5_131 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 0.75rem;
    color: #6b7280;
}

._policyLink_1ebd5_140 {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.3s ease;
    position: relative;
}

._policyLink_1ebd5_140::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #3b82f6;
    transition: width 0.3s ease;
}

._policyLink_1ebd5_140:hover {
    color: #3b82f6;
}

._policyLink_1ebd5_140:hover::after {
    width: 100%;
}

._linkSeparator_1ebd5_166 {
    color: #d1d5db;
}/* Profile Sidebar Styles */

/* Desktop Sidebar */
._sidebar_1temc_4 {
    width: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 250, 251, 0.95) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(209, 213, 219, 0.4);
    border-radius: 1.25rem;
    padding: 1.75rem;
    height: fit-content;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 2rem;
    transition: all 0.3s ease;
}

._sidebar_1temc_4:hover {
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12);
}

._sidebarHeader_1temc_22 {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(229, 231, 235, 0.5);
    position: relative;
}

._sidebarHeader_1temc_22::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    border-radius: 2px;
}

._sidebarTitle_1temc_40 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.025em;
}

._sidebarDescription_1temc_51 {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.5;
}

._nav_1temc_57 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

._navButton_1temc_63 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.875rem;
    text-align: left;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    position: relative;
    overflow: hidden;
}

._navButton_1temc_63::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #3b82f6, #60a5fa);
    transform: scaleY(0);
    transition: transform 0.3s ease;
    border-radius: 0 4px 4px 0;
}

._navButton_1temc_63::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(96, 165, 250, 0.04) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 0.875rem;
}

._navButton_1temc_63:hover {
    background: rgba(249, 250, 251, 0.8);
    border-color: rgba(59, 130, 246, 0.2);
    transform: translateX(4px);
}

._navButton_1temc_63:hover::after {
    opacity: 1;
}

._active_1temc_112 {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%) !important;
    color: white !important;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.35),
        0 0 0 1px rgba(59, 130, 246, 0.1) !important;
    border-color: transparent !important;
    transform: translateX(4px);
}

._navButton_1temc_63._active_1temc_112::before {
    transform: scaleY(1);
}

._navButton_1temc_63._active_1temc_112::after {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
    opacity: 1;
}

._navButton_1temc_63:not(._active_1temc_112) {
    color: #6b7280;
}

._navIcon_1temc_134 {
    margin-top: 0.125rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

._navButton_1temc_63:hover:not(._active_1temc_112) ._navIcon_1temc_134 {
    color: #3b82f6;
    transform: scale(1.1);
}

._navButton_1temc_63._active_1temc_112 ._navIcon_1temc_134 {
    color: white;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

._navContent_1temc_150 {
    min-width: 0;
    flex: 1;
    position: relative;
    z-index: 1;
}

._navLabel_1temc_157 {
    font-weight: 600;
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
    letter-spacing: -0.0125em;
}

._navButton_1temc_63._active_1temc_112 ._navLabel_1temc_157 {
    color: white;
    font-weight: 700;
}

._navDescription_1temc_169 {
    font-size: 0.75rem;
    margin-top: 0.125rem;
    opacity: 0.8;
    line-height: 1.4;
}

._navButton_1temc_63._active_1temc_112 ._navDescription_1temc_169 {
    color: rgba(255, 255, 255, 0.95);
}

._navButton_1temc_63:not(._active_1temc_112) ._navDescription_1temc_169 {
    color: #9ca3af;
}

._signOutSection_1temc_184 {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid rgba(229, 231, 235, 0.5);
    position: relative;
}

._signOutSection_1temc_184::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #ef4444, #f87171);
    border-radius: 2px;
}

/* Mobile Sidebar */
._mobileSidebar_1temc_203 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95));
    backdrop-filter: blur(10px);
    border-bottom: 2px solid rgba(229, 231, 235, 0.5);
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 10;
}

._mobileNav_1temc_214 {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.25rem;
}

._mobileNav_1temc_214::-webkit-scrollbar {
    display: none;
}

._mobileNavButton_1temc_226 {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.25rem;
    min-width: 6rem;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    color: #6b7280;
    gap: 0.5rem;
}

._mobileNavButton_1temc_226::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transform: scaleX(0);
    transition: transform 0.3s ease;
    border-radius: 3px 3px 0 0;
}

._mobileNavButton_1temc_226::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.05) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

._mobileNavButton_1temc_226._active_1temc_112 {
    color: #3b82f6 !important;
}

._mobileNavButton_1temc_226._active_1temc_112::after {
    transform: scaleX(1);
}

._mobileNavButton_1temc_226._active_1temc_112::before {
    opacity: 1;
}

._mobileNavButton_1temc_226:hover:not(._active_1temc_112) {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.05);
}

._mobileNavIcon_1temc_282 {
    transition: all 0.3s ease;
}

._mobileNavButton_1temc_226._active_1temc_112 ._mobileNavIcon_1temc_282 {
    transform: scale(1.15);
    filter: drop-shadow(0 2px 4px rgba(59, 130, 246, 0.3));
}

._mobileNavLabel_1temc_291 {
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    letter-spacing: -0.0125em;
}

._mobileNavButton_1temc_226._active_1temc_112 ._mobileNavLabel_1temc_291 {
    font-weight: 700;
}

._sidebar_1temc_4,
._mobileSidebar_1temc_203 {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    backdrop-filter: none;
}

._sidebar_1temc_4:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

._sidebarHeader_1temc_22 {
    border-bottom: 1px solid #e5e5e5;
}

._sidebarHeader_1temc_22::after,
._navButton_1temc_63::before,
._mobileNavButton_1temc_226::after {
    background: #ffd000;
}

._sidebarTitle_1temc_40 {
    background: none;
    color: #111111;
    -webkit-text-fill-color: #111111;
}

._navButton_1temc_63 {
    border-radius: 6px;
    transition: background-color 150ms ease, border-color 150ms ease;
}

._navButton_1temc_63:hover {
    background: #fafafa;
    border-color: #e5e5e5;
    transform: none;
}

._navButton_1temc_63._active_1temc_112 {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none;
}

._mobileSidebar_1temc_203 {
    position: static;
    margin-bottom: 16px;
    overflow: hidden;
}

._mobileNav_1temc_214 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    overflow: visible;
    padding: 8px;
}

._mobileNavButton_1temc_226 {
    min-width: 0;
    min-height: 64px;
    padding: 8px 4px;
    gap: 6px;
    border-radius: 6px;
    font: inherit;
}

._mobileNavButton_1temc_226._active_1temc_112 {
    background: #fff4bf !important;
    color: #111111 !important;
    box-shadow: none !important;
    transform: none;
}

._mobileSignOut_1temc_381 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 64px;
    padding: 8px 2px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #555555;
    font: inherit;
    font-size: 10px;
    cursor: pointer;
}

._mobileSignOut_1temc_381:hover {
    color: #111111;
    background: #fafafa;
}/* Personal Info Section Styles */

._container_lhjxe_3 {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

._container_lhjxe_3::before {
    display: none;
}

@keyframes _float_lhjxe_1 {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    33% {
        transform: translate(30px, -30px) rotate(120deg);
    }

    66% {
        transform: translate(-20px, 20px) rotate(240deg);
    }
}

._container_lhjxe_3:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

._header_lhjxe_38 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
    gap: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

._header_lhjxe_38::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 80px;
    height: 2px;
    background: #ffd000;
    border-radius: 2px;
}

._headerContent_lhjxe_61 {
    flex: 1;
    min-width: 0;
}

._title_lhjxe_66 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

._description_lhjxe_74 {
    color: #6b7280;
    font-size: 0.9375rem;
    line-height: 1.5;
}

._content_lhjxe_80 {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* Profile Picture Section */
._profilePictureSection_lhjxe_87 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(249, 250, 251, 0.6) 0%, rgba(243, 244, 246, 0.4) 100%);
    border-radius: 1rem;
    border: 1px solid rgba(229, 231, 235, 0.6);
}

@media (min-width: 640px) {
    ._profilePictureSection_lhjxe_87 {
        flex-direction: row;
        align-items: center;
    }
}

._avatarWrapper_lhjxe_105 {
    position: relative;
}

._avatar_lhjxe_105 {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    transition: all 0.3s ease;
    position: relative;
}

._avatar_lhjxe_105::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255, 208, 0, 0.12) 0%, transparent 100%);
    pointer-events: none;
}

._avatarWrapper_lhjxe_105:hover ._avatar_lhjxe_105 {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
}

._avatarImage_lhjxe_135 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

._cameraButton_lhjxe_141 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: #ffd000;
    color: #111111;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 3px solid white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._cameraButton_lhjxe_141:hover {
    transform: scale(1.15) rotate(15deg);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
    background: #f5b800;
}

._cameraButton_lhjxe_141:active {
    transform: scale(1.05);
}

._cameraButton_lhjxe_141 input {
    display: none;
}

._pictureInfo_lhjxe_173 {
    flex: 1;
}

._pictureTitle_lhjxe_177 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #1f2937;
}

._pictureDescription_lhjxe_184 {
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    line-height: 1.6;
}

._pictureActions_lhjxe_191 {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

._pictureActions_lhjxe_191 label {
    display: inline-block;
}

._pictureActions_lhjxe_191 input[type="file"] {
    display: none;
}

/* Form Grid */
._formGrid_lhjxe_206 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

._formGrid_lhjxe_206 input:not([type="radio"]):not([type="checkbox"]),
._formGrid_lhjxe_206 select {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 6px;
}

@media (min-width: 768px) {
    ._formGrid_lhjxe_206 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
    }
}

/* Gender Selection */
._genderField_lhjxe_228 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    grid-column: 1 / -1;
}

._genderLabel_lhjxe_235 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    letter-spacing: 0.025em;
}

._genderOptions_lhjxe_242 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem;
    background: rgba(249, 250, 251, 0.5);
    border-radius: 0.75rem;
    border: 1px solid rgba(229, 231, 235, 0.6);
}

._genderOptions_lhjxe_242 label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

._genderOptions_lhjxe_242 label:hover {
    background: rgba(255, 208, 0, 0.12);
}

._genderOptions_lhjxe_242 input[type="radio"] {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    accent-color: #d4a800;
}

._genderOptions_lhjxe_242 span {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

/* Action Buttons */
._actionButtons_lhjxe_280 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 2rem;
    border-top: 2px solid rgba(229, 231, 235, 0.5);
    position: relative;
}

._actionButtons_lhjxe_280::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 80px;
    height: 2px;
    background: #ffd000;
    border-radius: 2px;
}

@media (min-width: 640px) {
    ._actionButtons_lhjxe_280 {
        flex-direction: row;
        gap: 1rem;
    }
}

/* Account Stats */
._statsGrid_lhjxe_308 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-top: 2rem;
    border-top: 2px solid rgba(229, 231, 235, 0.5);
}

@media (min-width: 640px) {
    ._statsGrid_lhjxe_308 {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25rem;
    }
}

._statCard_lhjxe_323 {
    text-align: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(249, 250, 251, 0.9) 0%, rgba(243, 244, 246, 0.7) 100%);
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

._statCard_lhjxe_323::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #ffd000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

._statCard_lhjxe_323:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-color: #d4a800;
}

._statCard_lhjxe_323:hover::before {
    opacity: 1;
    animation: _shimmer_lhjxe_1 2s ease-in-out infinite;
}

@keyframes _shimmer_lhjxe_1 {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

._statValue_lhjxe_367 {
    font-size: 2rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 0.5rem;
    line-height: 1;
}

._statLabel_lhjxe_375 {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

._container_lhjxe_3 {
    padding: clamp(20px, 2.5vw, 32px);
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

._container_lhjxe_3:hover {
    transform: none;
}

._header_lhjxe_38 {
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom-width: 1px;
}

._header_lhjxe_38::after {
    width: 48px;
}

._title_lhjxe_66 {
    margin-bottom: 4px;
    color: #111111;
    font-size: 20px;
    letter-spacing: 0;
}

._description_lhjxe_74 {
    font-size: 14px;
}

._profilePictureSection_lhjxe_87 {
    align-items: center;
    gap: 20px;
    padding: 16px;
    border: 1px solid #f0df9a;
    border-radius: 8px;
    background: #fffdf3;
}

._avatar_lhjxe_105 {
    width: 88px;
    height: 88px;
    border-width: 2px;
}

._pictureTitle_lhjxe_177 {
    margin-bottom: 4px;
    color: #111111;
    font-size: 15px;
}

._pictureDescription_lhjxe_184 {
    margin-bottom: 0;
    font-size: 13px;
}

._content_lhjxe_80 {
    gap: 24px;
}

._formGrid_lhjxe_206 {
    gap: 20px 24px;
}

._genderOptions_lhjxe_242 {
    gap: 8px;
    padding: 8px;
    border-radius: 6px;
    background: #ffffff;
}

._genderOptions_lhjxe_242 label {
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #ffffff;
}

._genderOptions_lhjxe_242 label:has(input:checked) {
    border-color: #d4a800;
    background: #fff4bf;
    color: #111111;
}

._genderOptions_lhjxe_242 input[type="radio"] {
    accent-color: #111111;
}

._actionButtons_lhjxe_280 {
    gap: 10px;
    padding-top: 18px;
    border-top-width: 1px;
}

._actionButtons_lhjxe_280::before {
    width: 48px;
}

._actionButtons_lhjxe_280 > button:first-child {
    border-color: #111111;
    background: #111111;
    color: #ffffff;
}

._actionButtons_lhjxe_280 > button:first-child:hover {
    border-color: #ffd000;
    background: #ffd000;
    color: #111111;
}

@media (max-width: 639px) {
    ._header_lhjxe_38 {
        align-items: flex-start;
    }

    ._profilePictureSection_lhjxe_87 {
        align-items: flex-start;
        gap: 14px;
        padding: 14px;
    }

    ._avatar_lhjxe_105 {
        width: 72px;
        height: 72px;
    }

    ._pictureDescription_lhjxe_184 {
        line-height: 1.45;
    }
}/* Address Section Styles */

._container_1cjfu_3 {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

._container_1cjfu_3::before {
    display: none;
}

@keyframes _float_1cjfu_1 {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    33% {
        transform: translate(30px, -30px) rotate(120deg);
    }

    66% {
        transform: translate(-20px, 20px) rotate(240deg);
    }
}

._container_1cjfu_3:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

._header_1cjfu_38 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
    gap: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

._header_1cjfu_38::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 80px;
    height: 2px;
    background: #ffd000;
    border-radius: 2px;
}

._headerContent_1cjfu_61 {
    flex: 1;
    min-width: 0;
}

._title_1cjfu_66 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

._description_1cjfu_74 {
    color: #6b7280;
    font-size: 0.9375rem;
    line-height: 1.5;
}

._addressList_1cjfu_80 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    ._addressList_1cjfu_80 {
        grid-template-columns: repeat(2, 1fr);
    }
}

._addressCard_1cjfu_93 {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(249, 250, 251, 0.8) 100%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

._addressCard_1cjfu_93::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #ffd000;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

._addressCard_1cjfu_93:hover {
    border-color: #d4a800;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

._addressCard_1cjfu_93:hover::before {
    transform: scaleY(1);
}

._addressCard_1cjfu_93._default_1cjfu_125 {
    border-color: #d4a800;
    background: #fffdf2;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

._addressCard_1cjfu_93._default_1cjfu_125::before {
    transform: scaleY(1);
}

._defaultBadge_1cjfu_135 {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #ffd000;
    color: #111111;
    padding: 0.375rem 0.875rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: none;
    letter-spacing: 0.025em;
}

._editButton_1cjfu_149 {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #111111;
    color: white !important;
    padding: 0.375rem 0.875rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    box-shadow: none;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
}

._editButton_1cjfu_149:hover {
    background: #333333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

._defaultBadgeInline_1cjfu_171 {
    background: #ffd000;
    color: #111111;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    box-shadow: none;
    letter-spacing: 0.025em;
    display: inline-flex;
    align-items: center;
}

._addressHeader_1cjfu_184 {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 1rem;
}

._addressType_1cjfu_191 {
    font-weight: 600;
    color: #1f2937;
    font-size: 1rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._addressActions_1cjfu_201 {
    display: flex;
    gap: 0.5rem;
}

._iconButton_1cjfu_206 {
    padding: 0.5rem;
    border: none;
    background: rgba(107, 114, 128, 0.08);
    border-radius: 0.65rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

._iconButton_1cjfu_206:hover {
    background: rgba(255, 208, 0, 0.25);
    transform: scale(1.1);
}

._iconButton_1cjfu_206:active {
    transform: scale(0.95);
}

._addressDetails_1cjfu_227 {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.7;
}

._addressName_1cjfu_233 {
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
}

._formSection_1cjfu_240 {
    background: linear-gradient(135deg, rgba(249, 250, 251, 0.6) 0%, rgba(243, 244, 246, 0.4) 100%);
    border: 1px solid rgba(229, 231, 235, 0.6);
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 1.5rem;
}

._formTitle_1cjfu_248 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1.5rem;
}

._formGrid_1cjfu_255 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    ._formGrid_1cjfu_255 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
    }
}

._fullWidth_1cjfu_268 {
    grid-column: 1 / -1;
}

._radioGroup_1cjfu_272 {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    padding: 1rem;
    background: rgba(249, 250, 251, 0.5);
    border-radius: 0.65rem;
    border: 1px solid rgba(229, 231, 235, 0.6);
}

._radioLabel_1cjfu_283 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #374151;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 0.65rem;
    transition: all 0.2s ease;
}

._radioLabel_1cjfu_283:hover {
    background: rgba(59, 130, 246, 0.05);
}

._radioLabel_1cjfu_283 input[type="radio"] {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    accent-color: #d4a800;
}

._checkboxLabel_1cjfu_307 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #374151;
    font-weight: 500;
}

._checkboxLabel_1cjfu_307 input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    accent-color: #d4a800;
}

._formActions_1cjfu_324 {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid rgba(229, 231, 235, 0.5);
    flex-wrap: wrap;
    position: relative;
}

._formActions_1cjfu_324::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 80px;
    height: 2px;
    background: #ffd000;
    border-radius: 2px;
}

._emptyState_1cjfu_345 {
    text-align: center;
    padding: 4rem 2rem;
    color: #9ca3af;
}

._emptyStateIcon_1cjfu_351 {
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(107, 114, 128, 0.05) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._emptyStateText_1cjfu_362 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

._emptyStateDescription_1cjfu_369 {
    font-size: 0.9375rem;
    color: #9ca3af;
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* Error State */
._errorBanner_1cjfu_377 {
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(248, 113, 113, 0.05) 100%);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

._errorText_1cjfu_388 {
    color: #dc2626;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Loading State */
._loadingState_1cjfu_395 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

._loadingSpinner_1cjfu_403 {
    animation: _spin_1cjfu_1 1s linear infinite;
}

@keyframes _spin_1cjfu_1 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

._loadingText_1cjfu_417 {
    color: #6b7280;
    font-size: 0.9375rem;
}

._selectInput_1cjfu_422 {
    width: 100%;
    padding: 0.45rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.65rem;
    font-size: 1rem;
    transition: all 0.2s ease;
    outline: none;
    font-family: inherit;
    background-color: white;
}

._selectInput_1cjfu_422:focus {
    border-color: #d4a800;
    box-shadow: 0 0 0 2px rgba(255, 208, 0, 0.2);
}

._selectError_1cjfu_439 {
    border-color: #dc2626 !important;
}._securityNotice_127qp_1 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
    padding: 16px;
    border: 1px solid #f0df9a;
    border-radius: 6px;
    background: #fffbee;
}

._securityIcon_127qp_12 {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #9b7900;
}

._securityContent_127qp_18 {
    min-width: 0;
}

._securityTitle_127qp_22 {
    margin: 0 0 4px;
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

._securityDescription_127qp_30 {
    margin: 0;
    color: #555555;
    font-size: 13px;
    line-height: 1.5;
}

._optionsSection_127qp_37 {
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
}

._optionsTitle_127qp_42 {
    margin: 0 0 16px;
    color: #111111;
    font-size: 16px;
    font-weight: 700;
}

._optionsGrid_127qp_49 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

._optionCard_127qp_55 {
    display: flex;
    min-width: 0;
    min-height: 76px;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #ffffff;
}

._optionIcon_127qp_67 {
    flex: 0 0 auto;
    color: #9b7900;
}

._optionName_127qp_72 {
    color: #111111;
    font-size: 14px;
    font-weight: 700;
}

._optionDescription_127qp_78 {
    margin-top: 3px;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.4;
}

@media (max-width: 639px) {
    ._optionsGrid_127qp_49 {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    ._optionCard_127qp_55 {
        min-height: 68px;
        padding: 14px;
    }
}._container_wqsbi_1 {
    padding: 24px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._title_wqsbi_8 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 24px;
    color: #111827;
}

._reviewTitle_wqsbi_15 {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
    margin-top: 0;
}

._loading_wqsbi_23 {
    padding: 40px;
    text-align: center;
    color: #6b7280;
}

._no-reviews_wqsbi_29 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
    text-align: center;
    color: #6b7280;
}

._empty-icon_wqsbi_39 {
    margin-bottom: 16px;
    color: #d1d5db;
}

._browse-btn_wqsbi_44 {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #111111;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s;
}

._browse-btn_wqsbi_44:hover {
    background-color: #333333;
}

._reviews-list_wqsbi_59 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._review-card_wqsbi_65 {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    transition: box-shadow 0.2s;
}

._review-card_wqsbi_65:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

._product-info_wqsbi_76 {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    align-items: flex-start;
}

._product-image_wqsbi_83 {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    background-color: #f3f4f6;
}

._product-name_wqsbi_91 a {
    color: #111827;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.1rem;
}

._product-name_wqsbi_91 a:hover {
    color: #9b7900;
    text-decoration: underline;
}

._review-date_wqsbi_103 {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 4px;
}

._rating-row_wqsbi_109 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

._pinned-badge_wqsbi_116 {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    background-color: #fef3c7;
    color: #d97706;
    padding: 2px 8px;
    border-radius: 9999px;
    font-weight: 500;
}

._review-text_wqsbi_128 {
    color: #374151;
    line-height: 1.5;
    margin-bottom: 16px;
}

._admin-reply_wqsbi_134 {
    background-color: #f9fafb;
    padding: 16px;
    border-radius: 6px;
    margin-top: 16px;
    border-left: 3px solid #ffd000;
}

._admin-reply-label_wqsbi_142 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}

._admin-reply-text_wqsbi_149 {
    font-size: 0.875rem;
    color: #4b5563;
    margin: 0;
}

._actions_wqsbi_155 {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    border-top: 1px solid #f3f4f6;
    padding-top: 16px;
}

._delete-btn_wqsbi_163 {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    color: #ef4444;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

._delete-btn_wqsbi_163:hover {
    background-color: #fee2e2;
}/* User Profile Page Styles */

._pageContainer_1a7wy_3 {
    min-height: 100vh;
    background: #f7f7f7;
    position: relative;
}

._pageContainer_1a7wy_3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #ffd000;
    z-index: 1;
}

._mainContent_1a7wy_20 {
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
    position: relative;
    z-index: 2;
}

/* Breadcrumb */
._breadcrumb_1a7wy_29 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
}

._breadcrumbLink_1a7wy_38 {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.3s ease;
}

._breadcrumbLink_1a7wy_38:hover {
    color: #111111;
}

._breadcrumbCurrent_1a7wy_48 {
    color: #111111;
    font-weight: 500;
}

/* Page Header */
._pageHeader_1a7wy_54 {
    margin-bottom: var(--space-8);
    padding: var(--space-6);
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e5e5;
    position: relative;
    overflow: hidden;
}

._pageHeader_1a7wy_54::before {
    display: none;
}

._headerContent_1a7wy_69 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-2);
}

._iconContainer_1a7wy_76 {
    width: 3rem;
    height: 3rem;
    background: #ffd000;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

._pageTitle_1a7wy_87 {
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    color: #111111;
    margin: 0;
}

@media (min-width: 768px) {
    ._pageTitle_1a7wy_87 {
        font-size: var(--text-4xl);
    }
}

._pageDescription_1a7wy_100 {
    color: var(--text-secondary);
    font-size: var(--text-lg);
    margin: 0;
}

/* Profile Content */
._profileContent_1a7wy_107 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
}

@media (min-width: 1024px) {
    ._profileContent_1a7wy_107 {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: var(--space-6);
    }
}

._mainSection_1a7wy_120 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

._sectionCard_1a7wy_126 {
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    box-shadow: var(--shadow-sm);
}

._mobileSectionHeader_1a7wy_134 {
    margin-bottom: 1.5rem;
}

._mobileSectionTitle_1a7wy_138 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
}

/* Quick Actions */
._quickActionsSection_1a7wy_145 {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    margin-top: var(--space-6);
    position: relative;
    overflow: hidden;
}

._quickActionsSection_1a7wy_145::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #ffd000;
}

@keyframes _shimmer_1a7wy_1 {

    0%,
    100% {
        background-position: 0% 0;
    }

    50% {
        background-position: 200% 0;
    }
}

._quickActionsTitle_1a7wy_178 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #111111;
}

._quickActionsGrid_1a7wy_185 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    ._quickActionsGrid_1a7wy_185 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
}

@media (min-width: 1280px) {
    ._quickActionsGrid_1a7wy_185 {
        grid-template-columns: repeat(2, 1fr);
    }
}

._quickActionCard_1a7wy_204 {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

._quickActionCard_1a7wy_204::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 208, 0, 0.08);
    opacity: 0;
    transition: opacity 0.3s ease;
}

._quickActionCard_1a7wy_204::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #ffd000;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

._quickActionCard_1a7wy_204:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-color: #e2bd00;
}

._quickActionCard_1a7wy_204:hover::before {
    opacity: 1;
}

._quickActionCard_1a7wy_204:hover::after {
    transform: scaleY(1);
}

._quickActionCard_1a7wy_204:active {
    transform: translateY(0);
}

._actionCardContent_1a7wy_258 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    position: relative;
    z-index: 1;
}

._actionIconWrapper_1a7wy_266 {
    width: 3rem;
    height: 3rem;
    background: #fff4bf;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    box-shadow: none;
    position: relative;
}

._actionIconWrapper_1a7wy_266::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    display: none;
}

._quickActionCard_1a7wy_204:hover ._actionIconWrapper_1a7wy_266 {
    background: #ffe680;
}

._actionTextContent_1a7wy_292 {
    min-width: 0;
}

._actionTitle_1a7wy_296 {
    font-weight: 600;
    color: #111111;
    font-size: 1rem;
    margin: 0 0 0.25rem 0;
    letter-spacing: -0.0125em;
    transition: color 0.3s ease;
}

._quickActionCard_1a7wy_204:hover ._actionTitle_1a7wy_296 {
    color: #111111;
}

._actionDescription_1a7wy_309 {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}._hero_3nu9u_1 {
  padding: 48px 0 72px;
  background: radial-gradient(circle at 10% 20%, #fbfbf9 0%, #ffffff 80%);
  border-bottom: 1px solid #ededed;
  width: 100%;
  position: relative;
  overflow: hidden;
}

._hero_3nu9u_1::before {
  content: '';
  position: absolute;
  top: -120px;
  right: -120px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(255, 208, 0, 0.08) 0%, rgba(255, 208, 0, 0) 70%);
  pointer-events: none;
}

._container_3nu9u_21 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Breadcrumb */
._breadcrumb_3nu9u_28 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  color: #777777;
  margin-bottom: 28px;
}

._breadcrumbLink_3nu9u_38 {
  color: #555555;
  text-decoration: none;
  transition: color 0.2s ease;
}

._breadcrumbLink_3nu9u_38:hover {
  color: #111111;
  text-decoration: underline;
}

._breadcrumbDivider_3nu9u_49 {
  color: #cccccc;
}

._breadcrumbCurrent_3nu9u_53 {
  color: #111111;
  font-weight: 600;
}

/* Grid Layout */
._grid_3nu9u_59 {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 60px;
  align-items: center;
}

/* Left Content */
._content_3nu9u_67 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Live Operational Badge */
._badgePill_3nu9u_74 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f8f8f6;
  border: 1px solid #e5e5dc;
  padding: 7px 16px;
  border-radius: 9999px;
  width: fit-content;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

._pulseDot_3nu9u_86 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10b981;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: _pulseAnimation_3nu9u_1 2s infinite;
}

@keyframes _pulseAnimation_3nu9u_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(16, 185, 129, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

._badgeText_3nu9u_107 {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #333333;
  font-family: 'Outfit', sans-serif;
  text-transform: uppercase;
}

/* Title & Description */
._title_3nu9u_117 {
  font-size: 46px;
  font-weight: 900;
  line-height: 1.15;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.8px;
  margin: 0;
}

._titleHighlight_3nu9u_127 {
  position: relative;
  display: inline-block;
  color: #111111;
  white-space: nowrap;
}

._titleHighlight_3nu9u_127::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 12px;
  background-color: rgba(255, 208, 0, 0.35);
  z-index: -1;
  border-radius: 4px;
}

._description_3nu9u_146 {
  font-size: 16.5px;
  line-height: 1.75;
  color: #555555;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Capability Highlights */
._highlightsGrid_3nu9u_155 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 4px;
  padding: 14px 16px;
  background: #fbfbf9;
  border: 1px solid #ebebea;
  border-radius: 12px;
}

._highlightItem_3nu9u_166 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  color: #444444;
}

._highlightItem_3nu9u_166 strong {
  color: #111111;
}

._highlightIconWrap_3nu9u_179 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #ffffff;
  color: #111111;
  border: 1px solid #e2e2e0;
  flex-shrink: 0;
}

/* Action Buttons */
._actions_3nu9u_193 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 10px;
}

._btnPrimary_3nu9u_200 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #111111;
  color: #ffffff;
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 14.5px;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
  border: 1px solid #111111;
}

._btnPrimary_3nu9u_200:hover {
  background: #262626;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

._btnSecondary_3nu9u_224 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #ffffff;
  color: #111111;
  border: 1.5px solid #d4d4d4;
  padding: 14px 24px;
  border-radius: 10px;
  font-size: 14.5px;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

._btnSecondary_3nu9u_224:hover {
  border-color: #111111;
  background: #fafafa;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Right Image Column */
._imageWrapper_3nu9u_249 {
  position: relative;
  width: 100%;
}

._imageContainer_3nu9u_254 {
  width: 100%;
  aspect-ratio: 4 / 3.1;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12);
  border: 1px solid #e5e5e5;
  background-color: #f3f3f3;
  position: relative;
}

._image_3nu9u_249 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

._imageContainer_3nu9u_254:hover ._image_3nu9u_249 {
  transform: scale(1.02);
}

._imageOverlay_3nu9u_277 {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.15) 100%);
  pointer-events: none;
}

/* Floating Top Badge */
._badgeTop_3nu9u_285 {
  position: absolute;
  top: -16px;
  left: -16px;
  background: rgba(17, 17, 17, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #ffffff;
  padding: 12px 18px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

._badgeTopIcon_3nu9u_303 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 208, 0, 0.15);
  color: #FFD000;
  flex-shrink: 0;
}

._badgeTopContent_3nu9u_315 {
  display: flex;
  flex-direction: column;
}

._badgeTopNumber_3nu9u_320 {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
  font-family: 'Outfit', sans-serif;
  color: #FFD000;
}

._badgeTopLabel_3nu9u_328 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #d1d5db;
}

/* Floating Bottom Badge */
._badgeBottom_3nu9u_337 {
  position: absolute;
  bottom: -16px;
  right: -16px;
  background: #ffffff;
  color: #111111;
  padding: 12px 18px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 3;
  border: 1px solid #e5e5e5;
}

._badgeBottomIcon_3nu9u_353 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #FFD000;
  color: #111111;
  flex-shrink: 0;
}

._badgeBottomContent_3nu9u_365 {
  display: flex;
  flex-direction: column;
}

._badgeBottomNumber_3nu9u_370 {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
  font-family: 'Outfit', sans-serif;
  color: #111111;
}

._badgeBottomLabel_3nu9u_378 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #666666;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  ._title_3nu9u_117 {
    font-size: 38px;
  }

  ._grid_3nu9u_59 {
    gap: 40px;
  }
}

@media (max-width: 860px) {
  ._hero_3nu9u_1 {
    padding: 36px 0 60px;
  }

  ._grid_3nu9u_59 {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  ._title_3nu9u_117 {
    font-size: 32px;
  }

  ._description_3nu9u_146 {
    font-size: 15px;
  }

  ._highlightsGrid_3nu9u_155 {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  ._badgeTop_3nu9u_285 {
    top: -10px;
    left: 8px;
    padding: 10px 14px;
  }

  ._badgeBottom_3nu9u_337 {
    bottom: -10px;
    right: 8px;
    padding: 10px 14px;
  }
}
._section_1eqj8_1 {
  padding: 80px 0;
  background-color: #ffffff;
  width: 100%;
  position: relative;
}

._container_1eqj8_8 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */
._header_1eqj8_15 {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 52px;
}

._headerEyebrowWrap_1eqj8_21 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

._eyebrowLine_1eqj8_29 {
  display: inline-block;
  width: 32px;
  height: 2px;
  background-color: #FFD000;
}

._eyebrow_1eqj8_29 {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._title_1eqj8_46 {
  font-size: 38px;
  font-weight: 900;
  line-height: 1.2;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
}

._subtitle_1eqj8_56 {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* 3 Pillars Grid */
._pillarsGrid_1eqj8_65 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 64px;
}

._pillarCard_1eqj8_72 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 16px;
  padding: 32px 28px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
}

._pillarCard_1eqj8_72:hover {
  transform: translateY(-4px);
  border-color: #111111;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

._pillarTop_1eqj8_89 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

._pillarNum_1eqj8_96 {
  font-size: 24px;
  font-weight: 900;
  color: #d1d5db;
  font-family: 'Outfit', sans-serif;
}

._pillarCard_1eqj8_72:hover ._pillarNum_1eqj8_96 {
  color: #FFD000;
}

._pillarBadge_1eqj8_107 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 4px 10px;
  border-radius: 9999px;
  background: #f4f4f2;
  color: #444444;
  font-family: 'Outfit', sans-serif;
}

._pillarIconWrap_1eqj8_119 {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: #fef9e7;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 208, 0, 0.3);
}

._pillarTitle_1eqj8_132 {
  font-size: 21px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 12px;
}

._pillarText_1eqj8_140 {
  font-size: 14.5px;
  line-height: 1.65;
  color: #555555;
  font-family: 'Inter', sans-serif;
  margin: 0;
  flex: 1;
}

/* Production Banner */
._productionBanner_1eqj8_150 {
  background: #111111;
  border-radius: 24px;
  padding: 48px;
  color: #ffffff;
  margin-bottom: 80px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

._productionBanner_1eqj8_150::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 208, 0, 0.08) 0%, rgba(255, 208, 0, 0) 70%);
  pointer-events: none;
}

._productionHeader_1eqj8_172 {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

._productionHeadLeft_1eqj8_182 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._bannerEyebrow_1eqj8_188 {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFD000;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._productionTitle_1eqj8_198 {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.2;
  color: #ffffff;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._productionDesc_1eqj8_207 {
  font-size: 15px;
  line-height: 1.7;
  color: #cccccc;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Metrics Grid */
._metricsGrid_1eqj8_216 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

._metricCard_1eqj8_222 {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._metricVal_1eqj8_232 {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.1;
  color: #FFD000;
  font-family: 'Outfit', sans-serif;
}

._metricLbl_1eqj8_240 {
  font-size: 12px;
  font-weight: 600;
  color: #d1d5db;
  font-family: 'Inter', sans-serif;
  margin-top: 4px;
}

/* Visual Production Grid */
._processVisualGrid_1eqj8_249 {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 36px;
  align-items: stretch;
}

._processImageWrapper_1eqj8_256 {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1e1e1e;
  height: 100%;
  min-height: 280px;
}

._processImage_1eqj8_256 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._processImageTag_1eqj8_273 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  background: rgba(17, 17, 17, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 8px 14px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* 6 Lifecycle Cards */
._lifecycleGrid_1eqj8_293 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

._lifecycleCard_1eqj8_299 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}

._lifecycleCard_1eqj8_299:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 208, 0, 0.4);
  transform: translateY(-2px);
}

._lifecycleHeader_1eqj8_315 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

._lifecycleStepBadge_1eqj8_322 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: #FFD000;
  letter-spacing: 0.5px;
  font-family: 'Outfit', sans-serif;
}

._lifecycleIcon_1eqj8_331 {
  color: #d1d5db;
}

._lifecycleName_1eqj8_335 {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 6px;
}

._lifecycleDetail_1eqj8_343 {
  font-size: 12.5px;
  line-height: 1.5;
  color: #aaaaaa;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Milestones */
._milestonesSection_1eqj8_352 {
  background: #fbfbf9;
  border: 1px solid #ebebea;
  border-radius: 24px;
  padding: 52px 40px;
}

._milestonesHeader_1eqj8_359 {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 44px;
}

._milestonesTitle_1eqj8_365 {
  font-size: 32px;
  font-weight: 900;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 8px 0 12px;
}

._milestonesSubtitle_1eqj8_373 {
  font-size: 15px;
  line-height: 1.6;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

._milestonesRoadmap_1eqj8_381 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
}

._milestoneItem_1eqj8_388 {
  display: flex;
  flex-direction: column;
}

._timelineNode_1eqj8_393 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}

._timelineYearBadge_1eqj8_401 {
  font-size: 14px;
  font-weight: 900;
  font-family: 'Outfit', sans-serif;
  color: #111111;
  background: #ffffff;
  border: 1.5px solid #111111;
  padding: 4px 14px;
  border-radius: 9999px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

._timelineDot_1eqj8_414 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

._timelineInnerDot_1eqj8_426 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FFD000;
}

._timelineLine_1eqj8_433 {
  position: absolute;
  top: 48px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #d1d5db;
  z-index: 1;
}

._milestoneCard_1eqj8_443 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 14px;
  padding: 22px 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}

._milestoneCard_1eqj8_443:hover {
  transform: translateY(-3px);
  border-color: #111111;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

._milestoneIconWrap_1eqj8_460 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #f4f4f2;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

._milestoneHeading_1eqj8_472 {
  font-size: 17px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 8px;
}

._milestoneDesc_1eqj8_480 {
  font-size: 13.5px;
  line-height: 1.6;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  ._pillarsGrid_1eqj8_65 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  ._productionHeader_1eqj8_172 {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  ._processVisualGrid_1eqj8_249 {
    grid-template-columns: 1fr;
  }

  ._processImageWrapper_1eqj8_256 {
    max-height: 300px;
  }

  ._milestonesRoadmap_1eqj8_381 {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  ._timelineLine_1eqj8_433 {
    display: none;
  }
}

@media (max-width: 768px) {
  ._section_1eqj8_1 {
    padding: 56px 0;
  }

  ._title_1eqj8_46 {
    font-size: 28px;
  }

  ._productionBanner_1eqj8_150 {
    padding: 28px 20px;
    border-radius: 18px;
  }

  ._productionTitle_1eqj8_198 {
    font-size: 24px;
  }

  ._metricsGrid_1eqj8_216 {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  ._lifecycleGrid_1eqj8_293 {
    grid-template-columns: 1fr;
  }

  ._milestonesSection_1eqj8_352 {
    padding: 32px 18px;
  }

  ._milestonesRoadmap_1eqj8_381 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
._section_1sulh_1 {
  padding: 80px 0;
  background-color: #fafaf8;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  width: 100%;
}

._container_1sulh_9 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */
._header_1sulh_16 {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 52px;
}

._headerEyebrowWrap_1sulh_22 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

._eyebrowLine_1sulh_30 {
  display: inline-block;
  width: 32px;
  height: 2px;
  background-color: #FFD000;
}

._eyebrow_1sulh_30 {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._title_1sulh_47 {
  font-size: 38px;
  font-weight: 900;
  line-height: 1.2;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
}

._subtitle_1sulh_57 {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* 4 Standards Grid */
._standardsGrid_1sulh_66 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 64px;
}

._standardCard_1sulh_73 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 16px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

._standardCard_1sulh_73:hover {
  transform: translateY(-4px);
  border-color: #111111;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.07);
}

._standardTop_1sulh_90 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

._standardBadge_1sulh_97 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #777777;
  font-family: 'Outfit', sans-serif;
  background: #f4f4f2;
  padding: 4px 10px;
  border-radius: 9999px;
}

._standardIcon_1sulh_109 {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #fef9e7;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 208, 0, 0.4);
}

._standardTitle_1sulh_120 {
  font-size: 18px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 10px;
  line-height: 1.3;
}

._standardDesc_1sulh_129 {
  font-size: 13.5px;
  line-height: 1.65;
  color: #555555;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Reviews Banner */
._reviewsBanner_1sulh_138 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 20px;
  padding: 44px 36px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}

._reviewsHeader_1sulh_146 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 36px;
  gap: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid #eeeeea;
}

._reviewsHeaderLeft_1sulh_156 {
  max-width: 680px;
}

._reviewsEyebrow_1sulh_160 {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #B8860B;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 8px;
}

._reviewsTitle_1sulh_170 {
  font-size: 28px;
  font-weight: 900;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 10px;
}

._reviewsSubtitle_1sulh_178 {
  font-size: 14.5px;
  line-height: 1.6;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

._ratingBadge_1sulh_186 {
  background: #fbfbf9;
  border: 1px solid #e7e7e5;
  border-radius: 14px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

._ratingStars_1sulh_198 {
  display: flex;
  gap: 3px;
  color: #f59e0b;
}

._ratingScore_1sulh_204 {
  font-size: 15px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
}

._ratingCount_1sulh_211 {
  font-size: 11px;
  color: #777777;
  font-family: 'Inter', sans-serif;
}

/* Reviews Grid */
._reviewsGrid_1sulh_218 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

._reviewCard_1sulh_224 {
  background: #fcfcfb;
  border: 1px solid #e8e8e6;
  border-radius: 14px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
  position: relative;
}

._reviewCard_1sulh_224:hover {
  transform: translateY(-3px);
  border-color: #111111;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

._reviewTop_1sulh_242 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

._reviewTypeBadge_1sulh_249 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #111111;
  background: #f0f0ee;
  padding: 3px 8px;
  border-radius: 6px;
  font-family: 'Outfit', sans-serif;
}

._reviewStars_1sulh_261 {
  display: flex;
  gap: 2px;
  color: #f59e0b;
}

._quoteIconWrap_1sulh_267 {
  color: #e5e5dc;
  margin-bottom: 10px;
}

._reviewQuote_1sulh_272 {
  font-size: 14px;
  line-height: 1.65;
  color: #444444;
  font-style: italic;
  font-family: 'Inter', sans-serif;
  margin: 0 0 20px;
  flex: 1;
}

._reviewFooter_1sulh_282 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebebea;
}

._clientAvatar_1sulh_290 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #111111;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  flex-shrink: 0;
}

._clientDetails_1sulh_305 {
  flex: 1;
}

._clientName_1sulh_309 {
  font-size: 14px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._clientOrg_1sulh_317 {
  font-size: 12px;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 2px 0 0;
}

._verifiedPill_1sulh_324 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  color: #10b981;
  background: #ecfdf5;
  padding: 3px 7px;
  border-radius: 9999px;
  border: 1px solid rgba(16, 185, 129, 0.2);
}

/* Responsive */
@media (max-width: 1024px) {
  ._standardsGrid_1sulh_66 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  ._reviewsGrid_1sulh_218 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  ._reviewsHeader_1sulh_146 {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

@media (max-width: 640px) {
  ._section_1sulh_1 {
    padding: 56px 0;
  }

  ._title_1sulh_47 {
    font-size: 28px;
  }

  ._standardsGrid_1sulh_66 {
    grid-template-columns: 1fr;
  }

  ._reviewsBanner_1sulh_138 {
    padding: 24px 18px;
  }

  ._reviewsTitle_1sulh_170 {
    font-size: 22px;
  }
}
._section_12qeb_1 {
  padding: 80px 0;
  background-color: #ffffff;
  width: 100%;
}

._container_12qeb_7 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */
._header_12qeb_14 {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 52px;
}

._headerEyebrowWrap_12qeb_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

._eyebrowLine_12qeb_28 {
  display: inline-block;
  width: 32px;
  height: 2px;
  background-color: #FFD000;
}

._eyebrow_12qeb_28 {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._title_12qeb_45 {
  font-size: 38px;
  font-weight: 900;
  line-height: 1.2;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
}

._subtitle_12qeb_55 {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* 4 Core Metrics Grid */
._statsGrid_12qeb_64 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 72px;
}

._statCard_12qeb_71 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 16px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

._statCard_12qeb_71:hover {
  transform: translateY(-4px);
  border-color: #111111;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
}

._statIconWrap_12qeb_88 {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #fef9e7;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 208, 0, 0.3);
}

._statNumber_12qeb_101 {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.1;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.5px;
  margin-bottom: 6px;
}

._statLabel_12qeb_111 {
  font-size: 16px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 8px;
}

._statDesc_12qeb_119 {
  font-size: 13px;
  line-height: 1.6;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Certifications Section */
._certsSection_12qeb_128 {
  background: #fbfbf9;
  border: 1px solid #ebebea;
  border-radius: 24px;
  padding: 48px 36px;
  margin-bottom: 72px;
}

._certsHeader_12qeb_136 {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px;
}

._certsEyebrow_12qeb_142 {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #B8860B;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 8px;
}

._certsTitle_12qeb_152 {
  font-size: 30px;
  font-weight: 900;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 10px;
}

._certsSubtitle_12qeb_160 {
  font-size: 14.5px;
  line-height: 1.6;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

._certsGrid_12qeb_168 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

._certCard_12qeb_174 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 16px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}

._certCard_12qeb_174:hover {
  transform: translateY(-3px);
  border-color: #111111;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

._certTop_12qeb_190 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

._certBadge_12qeb_197 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #555555;
  background: #f2f2f0;
  padding: 3px 8px;
  border-radius: 6px;
  font-family: 'Outfit', sans-serif;
}

._certIcon_12qeb_209 {
  color: #10b981;
}

._certTitle_12qeb_213 {
  font-size: 17px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 4px;
}

._certOrg_12qeb_221 {
  font-size: 12px;
  font-weight: 600;
  color: #888888;
  font-family: 'Inter', sans-serif;
  margin: 0 0 10px;
}

._certDesc_12qeb_229 {
  font-size: 13px;
  line-height: 1.55;
  color: #555555;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Direct Factory Advantage Block */
._advantageBlock_12qeb_238 {
  background: #111111;
  border-radius: 24px;
  padding: 52px 44px;
  color: #ffffff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}

._advantageHeader_12qeb_246 {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

._advantageEyebrowWrap_12qeb_252 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 208, 0, 0.15);
  color: #FFD000;
  padding: 6px 14px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Outfit', sans-serif;
  margin-bottom: 14px;
}

._advantageTitle_12qeb_268 {
  font-size: 32px;
  font-weight: 900;
  color: #ffffff;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 10px;
}

._advantageSubtitle_12qeb_276 {
  font-size: 15px;
  line-height: 1.6;
  color: #bbbbbb;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Comparison Table */
._comparisonTable_12qeb_285 {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}

._tableHeader_12qeb_292 {
  display: grid;
  grid-template-columns: 180px 1.1fr 0.9fr;
  background: rgba(255, 255, 255, 0.08);
  padding: 16px 24px;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

._directPill_12qeb_303 {
  display: inline-block;
  background: #FFD000;
  color: #111111;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 900;
}

._tableRow_12qeb_313 {
  display: grid;
  grid-template-columns: 180px 1.1fr 0.9fr;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  align-items: center;
  transition: background 0.2s ease;
}

._tableRow_12qeb_313:last-child {
  border-bottom: none;
}

._tableRow_12qeb_313:hover {
  background: rgba(255, 255, 255, 0.05);
}

._colFeature_12qeb_330 {
  font-size: 14px;
  font-family: 'Outfit', sans-serif;
  color: #dddddd;
}

._colDirect_12qeb_336 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  padding-right: 20px;
}

._checkIcon_12qeb_347 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

._colTraditional_12qeb_360 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #999999;
  font-family: 'Inter', sans-serif;
}

._crossIcon_12qeb_370 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

/* Responsive */
@media (max-width: 1024px) {
  ._statsGrid_12qeb_64 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  ._certsGrid_12qeb_168 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  ._tableHeader_12qeb_292 {
    grid-template-columns: 140px 1fr 1fr;
    padding: 14px 18px;
  }

  ._tableRow_12qeb_313 {
    grid-template-columns: 140px 1fr 1fr;
    padding: 16px 18px;
  }
}

@media (max-width: 768px) {
  ._section_12qeb_1 {
    padding: 56px 0;
  }

  ._title_12qeb_45 {
    font-size: 28px;
  }

  ._statsGrid_12qeb_64 {
    grid-template-columns: 1fr;
  }

  ._certsSection_12qeb_128 {
    padding: 32px 18px;
  }

  ._certsGrid_12qeb_168 {
    grid-template-columns: 1fr;
  }

  ._advantageBlock_12qeb_238 {
    padding: 32px 18px;
  }

  ._tableHeader_12qeb_292 {
    display: none;
  }

  ._tableRow_12qeb_313 {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px 14px;
  }

  ._colFeature_12qeb_330 {
    font-size: 15px;
    color: #FFD000;
  }
}
._section_iz3rs_1 {
  padding: 80px 0 100px;
  background-color: #fafaf8;
  border-top: 1px solid #ededed;
  width: 100%;
}

._container_iz3rs_8 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */
._header_iz3rs_15 {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 52px;
}

._headerEyebrowWrap_iz3rs_21 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

._eyebrowLine_iz3rs_29 {
  display: inline-block;
  width: 32px;
  height: 2px;
  background-color: #FFD000;
}

._eyebrow_iz3rs_29 {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

._title_iz3rs_46 {
  font-size: 38px;
  font-weight: 900;
  line-height: 1.2;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
}

._subtitle_iz3rs_56 {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* 3 Contact Cards Grid */
._methodsGrid_iz3rs_65 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 56px;
}

._methodCard_iz3rs_72 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 18px;
  padding: 32px 26px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  position: relative;
}

._methodCardHighlight_iz3rs_84 {
  border-color: #111111;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

._methodCard_iz3rs_72:hover {
  transform: translateY(-4px);
  border-color: #111111;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

._methodTop_iz3rs_95 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

._methodIcon_iz3rs_102 {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #fef9e7;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 208, 0, 0.4);
}

._recommendedBadge_iz3rs_114 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: #059669;
  background: #ecfdf5;
  padding: 4px 10px;
  border-radius: 9999px;
  border: 1px solid rgba(16, 185, 129, 0.2);
  font-family: 'Outfit', sans-serif;
}

._methodTitle_iz3rs_126 {
  font-size: 20px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 10px;
}

._methodDesc_iz3rs_134 {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  font-family: 'Inter', sans-serif;
  margin: 0 0 20px;
  flex: 1;
}

._contactDetails_iz3rs_143 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
  padding: 12px 14px;
  background: #fbfbf9;
  border: 1px solid #ebebea;
  border-radius: 10px;
}

._methodContact_iz3rs_154 {
  font-size: 15px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
}

._methodSubtext_iz3rs_161 {
  font-size: 12px;
  color: #777777;
  font-family: 'Inter', sans-serif;
}

._methodBtn_iz3rs_167 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #111111;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  text-decoration: none;
  transition: all 0.2s ease;
}

._methodBtn_iz3rs_167:hover {
  background: #2b2b2b;
  transform: translateY(-1px);
}

/* Factory Grid (Office + Map) */
._factoryGrid_iz3rs_189 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: stretch;
}

._officeBox_iz3rs_196 {
  background: #ffffff;
  border: 1px solid #e7e7e5;
  border-radius: 20px;
  padding: 40px 36px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._officeHeader_iz3rs_207 {
  margin-bottom: 28px;
}

._officeBadge_iz3rs_211 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #059669;
  background: #ecfdf5;
  padding: 4px 10px;
  border-radius: 9999px;
  margin-bottom: 12px;
  font-family: 'Outfit', sans-serif;
}

._greenPulse_iz3rs_226 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
}

._officeTitle_iz3rs_233 {
  font-size: 24px;
  font-weight: 900;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 6px;
}

._officeSubtitle_iz3rs_241 {
  font-size: 13.5px;
  color: #777777;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

._infoList_iz3rs_248 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}

._infoRow_iz3rs_255 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

._infoIconWrap_iz3rs_261 {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #f4f4f2;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._infoContent_iz3rs_273 {
  flex: 1;
}

._infoHeading_iz3rs_277 {
  font-size: 15px;
  font-weight: 800;
  color: #111111;
  font-family: 'Outfit', sans-serif;
  margin: 0 0 4px;
}

._infoText_iz3rs_285 {
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

._infoSubtext_iz3rs_293 {
  font-size: 12.5px;
  color: #888888;
  font-family: 'Inter', sans-serif;
  margin: 4px 0 0;
}

._officeActions_iz3rs_300 {
  padding-top: 20px;
  border-top: 1px solid #ebebea;
}

._gmapsBtn_iz3rs_305 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #ffffff;
  color: #111111;
  border: 1.5px solid #d4d4d4;
  padding: 12px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  text-decoration: none;
  transition: all 0.2s ease;
}

._gmapsBtn_iz3rs_305:hover {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
}

/* Map Container */
._mapContainer_iz3rs_328 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #e7e7e5;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04);
  background: #f0f0ee;
  min-height: 420px;
  height: 100%;
}

._mapIframe_iz3rs_339 {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  min-height: 420px;
}

._mapOverlayPill_iz3rs_347 {
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: rgba(17, 17, 17, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  padding: 8px 14px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.15);
  pointer-events: none;
}

/* Responsive */
@media (max-width: 1024px) {
  ._methodsGrid_iz3rs_65 {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  ._factoryGrid_iz3rs_189 {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  ._mapContainer_iz3rs_328 {
    min-height: 340px;
  }
}

@media (max-width: 640px) {
  ._section_iz3rs_1 {
    padding: 56px 0 80px;
  }

  ._title_iz3rs_46 {
    font-size: 28px;
  }

  ._officeBox_iz3rs_196 {
    padding: 26px 20px;
  }
}
._page_zym9b_1 {
  min-height: 100vh;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  width: 100%;
}

._main_zym9b_9 {
  flex: 1;
  width: 100%;
  overflow-x: hidden;
}
._container_1kyfe_1 {
    min-height: 100vh;
    background-color: var(--bg-background);
}

._main-content_1kyfe_6 {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
}

/* Page Header */
._page-header_1kyfe_14 {
    text-align: center;
    margin-bottom: var(--space-12);
}

._page-title_1kyfe_19 {
    font-size: var(--text-4xl);
    font-weight: var(--font-bold);
    margin-bottom: var(--space-4);
    color: var(--text-foreground);
}

._page-description_1kyfe_26 {
    font-size: var(--text-lg);
    color: var(--text-muted);
}

/* Loading State */
._loading-container_1kyfe_32 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

._loading-content_1kyfe_39 {
    text-align: center;
}

._spinner_1kyfe_43 {
    margin: 0 auto var(--space-4);
    animation: _spin_1kyfe_43 1s linear infinite;
    color: var(--color-primary);
}

@keyframes _spin_1kyfe_43 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

._loading-text_1kyfe_59 {
    color: var(--text-muted);
}

/* Empty State */
._empty-state_1kyfe_64 {
    text-align: center;
    padding: var(--space-16) 0;
}

._empty-icon_1kyfe_69 {
    margin: 0 auto var(--space-4);
    color: var(--text-muted);
}

._empty-title_1kyfe_74 {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-2);
}

._empty-text_1kyfe_80 {
    color: var(--text-muted);
    margin-bottom: var(--space-6);
}

/* Offers Grid */
._offers-grid_1kyfe_86 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
}

@media (min-width: 768px) {
    ._offers-grid_1kyfe_86 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    ._offers-grid_1kyfe_86 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Offer Card */
._offer-card_1kyfe_105 {
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    transition: box-shadow var(--transition-normal), transform var(--transition-fast);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

._offer-card_1kyfe_105:hover {
    box-shadow: var(--shadow-elevated);
    transform: translateY(-4px);
}

/* Decorative background element */
._offer-card_1kyfe_105::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, transparent 50%, rgba(var(--color-primary-rgb), 0.05) 50%);
    border-radius: 0 0 0 100%;
    pointer-events: none;
}

._card-header_1kyfe_135 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

._discount-badge_1kyfe_142 {
    background-color: var(--color-accent);
    color: white;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-full);
    font-weight: var(--font-bold);
    font-size: var(--text-lg);
    box-shadow: var(--shadow-sm);
}

._exclusive-badge_1kyfe_152 {
    font-size: var(--text-xs);
    background-color: var(--bg-secondary);
    color: var(--text-foreground);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-md);
    font-weight: var(--font-medium);
}

._offer-description_1kyfe_161 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-2);
    color: var(--text-foreground);
    line-height: 1.4;
}

/* Coupon Code Section */
._code-section_1kyfe_170 {
    background-color: var(--bg-muted);
    border: 2px dashed var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
    transition: background-color var(--transition-fast);
}

._offer-card_1kyfe_105:hover ._code-section_1kyfe_170 {
    background-color: rgba(var(--bg-muted-rgb), 0.8);
    border-color: var(--color-primary);
}

._code-wrapper_1kyfe_184 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._code-label_1kyfe_190 {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-bottom: var(--space-1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

._coupon-code_1kyfe_198 {
    font-family: var(--font-mono);
    font-weight: var(--font-bold);
    font-size: var(--text-xl);
    color: var(--text-foreground);
    letter-spacing: 1px;
}

._copy-btn_1kyfe_206 {
    color: var(--text-muted);
    transition: color var(--transition-fast);
}

._copy-btn_1kyfe_206:hover {
    color: var(--color-primary);
    background-color: rgba(var(--color-primary-rgb), 0.1);
}

/* Details Section */
._details-list_1kyfe_217 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-bottom: var(--space-6);
    flex-grow: 1;
}

._detail-item_1kyfe_227 {
    display: flex;
    align-items: center;
}

._detail-icon_1kyfe_232 {
    margin-right: var(--space-2);
    color: var(--text-muted);
}

/* CTA Button */
._shop-btn_1kyfe_238 {
    margin-top: auto;
}

/* Redeemed & Single-Use States */
._offer-card_1kyfe_105._redeemed_1kyfe_243 {
    opacity: 0.85;
    background-color: #fafafa;
    border-color: #e2e8f0;
}

._redeemed-badge_1kyfe_249 {
    font-size: var(--text-xs);
    background-color: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-md);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

._single-use-badge_1kyfe_261 {
    font-size: var(--text-xs);
    background-color: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-md);
    font-weight: 600;
}._container_10x0f_1 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}

._main-content_10x0f_8 {
    flex: 1;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
    width: 100%;
}

/* Header */
._header_10x0f_17 {
    margin-bottom: var(--space-10);
    text-align: center;
    padding: var(--space-8) var(--space-4);
    background: linear-gradient(135deg,
            hsla(210, 80%, 15%, 0.05) 0%,
            hsla(210, 80%, 10%, 0.08) 100%);
    border-radius: var(--radius-xl);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(210, 40%, 20%, 0.1);
    position: relative;
    overflow: hidden;
}

._header_10x0f_17::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle,
            hsla(45, 100%, 50%, 0.05) 0%,
            transparent 70%);
    animation: _headerGlow_10x0f_1 8s ease-in-out infinite;
}

@keyframes _headerGlow_10x0f_1 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(10%, 10%) scale(1.1);
    }
}

._title_10x0f_56 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    color: var(--verve-black);
    margin-bottom: var(--space-3);
    position: relative;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

._subtitle_10x0f_66 {
    font-size: var(--text-xl);
    color: var(--verve-navy);
    font-weight: 600;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: hsla(210, 40%, 20%, 0.05);
    border-radius: var(--radius-full);
    backdrop-filter: blur(5px);
}

/* Loading */
._loading_10x0f_81 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: var(--space-4);
}

._spinner_10x0f_90 {
    animation: _spin_10x0f_90 1s linear infinite;
    color: var(--verve-navy);
    filter: drop-shadow(0 0 10px hsla(210, 80%, 30%, 0.3));
}

@keyframes _spin_10x0f_90 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Empty State */
._empty-state_10x0f_107 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--space-12) var(--space-4);
    gap: var(--space-6);
    background: var(--bg-secondary);
    border-radius: var(--radius-2xl);
    backdrop-filter: blur(10px);
    border: 2px dashed var(--border-medium);
    margin: var(--space-8) 0;
}

._empty-icon_10x0f_122 {
    color: var(--color-accent);
    opacity: 0.7;
    filter: drop-shadow(0 4px 12px hsla(45, 100%, 50%, 0.2));
    animation: _heartbeat_10x0f_1 2s ease-in-out infinite;
}

@keyframes _heartbeat_10x0f_1 {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

._empty-title_10x0f_141 {
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--verve-black);
}

._empty-message_10x0f_147 {
    font-size: var(--text-lg);
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
    max-width: 400px;
}

/* Grid */
._grid_10x0f_155 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-3);
    padding: var(--space-3);
}

@media (min-width: 640px) {
    ._grid_10x0f_155 {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

@media (min-width: 1024px) {
    ._grid_10x0f_155 {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

/* Card */
._card_10x0f_175 {
    background: var(--color-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    box-shadow: var(--shadow-sm);
}

._card_10x0f_175::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--verve-navy);
    opacity: 0;
    transition: opacity 0.3s ease;
}

._card_10x0f_175:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--border-medium);
}

._card_10x0f_175:hover::before {
    opacity: 1;
}

/* Image Container */
._image-container_10x0f_208 {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background: var(--bg-secondary);
    overflow: hidden;
}

._image-container_10x0f_208::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
            transparent 0%,
            rgba(0, 0, 0, 0.02) 100%);
    pointer-events: none;
}

._image_10x0f_208 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

._image_10x0f_208:hover {
    transform: scale(1.1);
}

._remove-btn_10x0f_241 {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background: linear-gradient(135deg,
            hsla(0, 0%, 100%, 0.95) 0%,
            hsla(0, 0%, 98%, 0.9) 100%);
    border: 1px solid hsla(0, 0%, 80%, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px hsla(0, 0%, 0%, 0.1);
}

._remove-btn_10x0f_241:hover {
    background: linear-gradient(135deg,
            hsl(0, 85%, 60%) 0%,
            hsl(0, 75%, 55%) 100%);
    color: white;
    transform: scale(1.15) rotate(90deg);
    box-shadow: 0 6px 20px hsla(0, 85%, 60%, 0.4);
    border-color: hsl(0, 85%, 50%);
}

/* Product Info */
._product-info_10x0f_273 {
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-1.5);
    background: var(--color-white);
}

._product-title_10x0f_281 {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--verve-black);
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
    line-height: 1.4;
    min-height: 2.8em;
}

._product-title_10x0f_281:hover {
    color: var(--verve-navy);
    transform: translateX(4px);
}

._category_10x0f_301 {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    background: var(--bg-secondary);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    display: inline-block;
    align-self: flex-start;
    border: 1px solid var(--border-light);
}

/* Rating */
._rating_10x0f_316 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-secondary);
    padding: var(--space-1.5) var(--space-2.5);
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    align-self: flex-start;
}

._star-icon_10x0f_329 {
    color: var(--color-accent);
    fill: currentColor;
}

._review-count_10x0f_334 {
    color: hsl(280, 20%, 60%);
    margin-left: var(--space-1);
}

/* Price */
._price_10x0f_340 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: var(--space-2) 0;
}

._sale-price_10x0f_347 {
    font-size: var(--text-lg);
    font-weight: 800;
    color: var(--verve-navy);
    font-family: var(--font-mono);
    letter-spacing: -0.02em;
}

/* Colors */
._colors_10x0f_356 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    padding: var(--space-3) 0;
}

._color-dot_10x0f_364 {
    width: 16px;
    height: 16px;
    border-radius: var(--radius-full);
    border: 1px solid var(--border-medium);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

._color-dot_10x0f_364:hover {
    transform: scale(1.3);
    box-shadow: var(--shadow-md);
    border-color: var(--verve-navy);
    z-index: 5;
}

._more-colors_10x0f_381 {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-weight: 600;
    margin-left: var(--space-1);
    padding: var(--space-1) var(--space-2);
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
}

/* Actions */
._actions_10x0f_392 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1-5);
    margin-top: var(--space-1-5);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

/* Added Date */
._added-date_10x0f_402 {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-align: center;
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-2);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}

._added-date_10x0f_402::before {
    content: '📅';
    font-size: var(--text-sm);
}/* ===================================
   CSS VARIABLES - Design System
   =================================== */

:root {
    /* Primary brand yellow */
    --color-primary: #FFD000;
    --color-primary-light: #FFE040;
    --color-primary-dark: #D4A800;
    --color-primary-hover: #E8BC00;

    /* Brand colors */
    --verve-navy: #111111;
    --verve-cream: #F8F8F6;
    --verve-black: #111111;
    --verve-grey: #E8E8E8;
    --verve-text-primary: #111111;

    /* Yellow accent */
    --brand-yellow: #FFD000;
    --brand-yellow-dark: #D4A800;
    --brand-yellow-light: #FFF0A0;

    /* Secondary Colors */
    --color-secondary: #555555;
    --color-secondary-light: #888888;
    --color-secondary-dark: #333333;

    /* Accent - gold/yellow */
    --color-accent: #FFD000;
    --color-accent-light: #FFE040;
    --color-accent-dark: #D4A800;

    /* Semantic Colors */
    --color-success: #10b981;
    --color-success-light: #34d399;
    --color-success-dark: #059669;

    --color-warning: #f59e0b;
    --color-warning-light: #fbbf24;
    --color-warning-dark: #d97706;

    --color-error: #E63B2E;
    --color-error-light: #f87171;
    --color-error-dark: #dc2626;

    --color-info: #3b82f6;
    --color-info-light: #60a5fa;
    --color-info-dark: #2563eb;

    /* Neutral Colors */
    --color-white: #ffffff;
    --color-black: #111111;

    --color-gray-50: #fafafa;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #e8e8e8;
    --color-gray-300: #d0d0d0;
    --color-gray-400: #aaaaaa;
    --color-gray-500: #888888;
    --color-gray-600: #666666;
    --color-gray-700: #444444;
    --color-gray-800: #2a2a2a;
    --color-gray-900: #111111;

    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #eeeeee;
    --bg-dark: #111111;

    /* Text Colors */
    --text-primary: #111111;
    --text-secondary: #444444;
    --text-tertiary: #666666;
    --text-muted: #999999;
    --text-inverse: #ffffff;

    /* Border Colors */
    --border-light: #f0f0f0;
    --border-default: #e0e0e0;
    --border-medium: #cccccc;
    --border-dark: #aaaaaa;

    /* Spacing Scale */
    --space-1: 4px;
    --space-1-5: 6px;
    --space-2: 8px;
    --space-2-5: 10px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* Font Families */
    --font-primary: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Fira Code', 'Courier New', monospace;

    /* Font Sizes */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;
    --text-6xl: 60px;

    /* Font Weights */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;

    /* Line Heights */
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;

    /* Border Radius */
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.12);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.18);

    /* Transitions */
    --transition-fast: 150ms ease-in-out;
    --transition-base: 200ms ease-in-out;
    --transition-slow: 300ms ease-in-out;
    --transition-normal: 250ms ease;

    /* Z-Index Scale */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;

    /* Container Widths */
    --container-sm: 640px;
    --container-md: 768px;
    --container-lg: 1024px;
    --container-xl: 1280px;
    --container-2xl: 1536px;
}

/* Mobile-specific refinements */
@media (max-width: 767px) {
    :root {
        --space-mobile-padding: 12px;
        --space-1: 4px;
        --space-1-5: 6px;
        --space-2: 8px;
        --space-2-5: 10px;
        --space-3: 12px;
        --space-4: 14px;
        --space-6: 20px;
        --text-xs: 11px;
        --text-sm: 12px;
        --text-base: 14px;
        --text-lg: 16px;
        --text-xl: 18px;
        --text-2xl: 20px;
        --text-3xl: 24px;
    }
}

/* ===================================
    GLOBAL STYLES
    =================================== */

/* Import Google Fonts */

/* CSS Reset & Base Styles */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
    /* Account for fixed header */
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
    color: #111111;
    background-color: #ffffff;
    min-height: 100vh;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Selection Styles */
::selection {
    background-color: rgba(255, 208, 0, 0.4);
    color: #111111;
}

/* Focus Styles */
*:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    font-weight: var(--font-bold);
    line-height: var(--leading-tight);
    color: var(--text-primary);
    margin-bottom: var(--space-4);
}

h1 {
    font-size: var(--text-5xl);
}

h2 {
    font-size: var(--text-4xl);
}

h3 {
    font-size: var(--text-3xl);
}

h4 {
    font-size: var(--text-2xl);
}

h5 {
    font-size: var(--text-xl);
}

h6 {
    font-size: var(--text-lg);
}

p {
    margin-bottom: var(--space-4);
    color: var(--text-secondary);
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--color-primary-hover);
}

/* Lists */
ul,
ol {
    list-style: none;
}

/* Images */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Buttons */
button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Forms */
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input:focus,
textarea:focus,
select:focus {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Utility Classes */
.container {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-4);
}

.container-sm {
    max-width: var(--container-sm);
}

.container-md {
    max-width: var(--container-md);
}

.container-lg {
    max-width: var(--container-lg);
}

.container-2xl {
    max-width: var(--container-2xl);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Loading States */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-fadeIn {
    animation: fadeIn 0.3s ease-in-out;
}

.animate-slideUp {
    animation: slideUp 0.3s ease-out;
}

/* Responsive Utilities */
@media (max-width: 640px) {
    html {
        font-size: 14px;
    }

    .container {
        padding: 0 var(--space-3);
    }
}

@media (min-width: 1024px) {
    .container {
        padding: 0 var(--space-6);
    }
}/* ===================================
    REUSABLE COMPONENT PATTERNS
    =================================== */

/* Card Component */
.card {
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
    overflow: hidden;
}

.card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.card-interactive {
    cursor: pointer;
    transition: all var(--transition-fast);
}

.card-interactive:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}

.card-header {
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-light);
}

.card-body {
    margin-bottom: var(--space-4);
}

.card-footer {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

.card-header {
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-light);
}

.card-body {
    margin-bottom: var(--space-4);
}

.card-footer {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

/* Grid System */
.grid {
    display: grid;
    gap: var(--space-6);
}

.grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {

    .grid-cols-2,
    .grid-cols-3,
    .grid-cols-4 {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    .grid-cols-3,
    .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Flex Utilities */
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.gap-2 {
    gap: var(--space-2);
}

.gap-3 {
    gap: var(--space-3);
}

.gap-4 {
    gap: var(--space-4);
}

.gap-6 {
    gap: var(--space-6);
}

.gap-8 {
    gap: var(--space-8);
}

/* Spacing Utilities */
.m-0 {
    margin: 0;
}

.m-auto {
    margin: auto;
}

.mt-4 {
    margin-top: var(--space-4);
}

.mb-4 {
    margin-bottom: var(--space-4);
}

.my-4 {
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.p-4 {
    padding: var(--space-4);
}

.p-6 {
    padding: var(--space-6);
}

.py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}

.px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

/* Text Utilities */
.text-center {
    text-align: center;
}

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

.text-right {
    text-align: right;
}

.text-primary {
    color: var(--text-primary);
}

.text-secondary {
    color: var(--text-secondary);
}

.text-muted {
    color: var(--text-muted);
}

.font-bold {
    font-weight: var(--font-bold);
}

.font-semibold {
    font-weight: var(--font-semibold);
}

.font-medium {
    font-weight: var(--font-medium);
}

/* Badge Component */
.badge {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    border-radius: var(--radius-full);
    line-height: 1;
}

.badge-primary {
    background: var(--color-primary);
    color: var(--color-white);
}

.badge-success {
    background: var(--color-success);
    color: var(--color-white);
}

.badge-warning {
    background: var(--color-warning);
    color: var(--color-white);
}

.badge-error {
    background: var(--color-error);
    color: var(--color-white);
}

/* Input Component */
.input {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--text-primary);
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.input:hover {
    border-color: var(--border-medium);
}

.input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.input:disabled {
    background: var(--bg-secondary);
    cursor: not-allowed;
    opacity: 0.6;
}

.input-error {
    border-color: var(--color-error);
}

.input-error:focus {
    border-color: var(--color-error);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Label Component */
.label {
    display: block;
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

/* Form Group */
.form-group {
    margin-bottom: var(--space-6);
}

.form-error {
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-error);
}

.form-help {
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Divider */
.divider {
    height: 1px;
    background: var(--border-default);
    margin: var(--space-6) 0;
}

/* Skeleton Loader */
.skeleton {
    background: linear-gradient(90deg,
            var(--color-gray-200) 25%,
            var(--color-gray-100) 50%,
            var(--color-gray-200) 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: var(--radius-md);
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Modal Backdrop */
.modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: var(--z-modal-backdrop);
    animation: fadeIn 0.2s ease-out;
    backdrop-filter: blur(4px);
}

/* Modal */
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bg-primary);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-2xl);
    z-index: var(--z-modal);
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -60%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Overlay */
.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
}

/* Product Card */
.product-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.product-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
    border-color: var(--border-medium);
}

.product-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3/4;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-base);
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-info {
    padding: var(--space-4);
}

.product-title {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-2);
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-price {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--color-primary);
    margin-bottom: var(--space-2);
}

.product-price-original {
    text-decoration: line-through;
    color: var(--text-muted);
    font-size: var(--text-sm);
    margin-left: var(--space-2);
}

.product-discount {
    background: var(--color-success);
    color: var(--color-white);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

/* Button Enhancements */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-decoration: none;
    white-space: nowrap;
}

.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.btn-primary:hover:not(:disabled) {
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.btn-secondary {
    background: var(--color-secondary);
    color: var(--color-white);
    border-color: var(--color-secondary);
}

.btn-secondary:hover:not(:disabled) {
    background: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
}

.btn-outline {
    background: transparent;
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline:hover:not(:disabled) {
    background: var(--color-primary);
    color: var(--color-white);
}

.btn-ghost {
    background: transparent;
    color: var(--text-primary);
    border-color: transparent;
}

.btn-ghost:hover:not(:disabled) {
    background: var(--bg-secondary);
}

.btn-lg {
    padding: var(--space-4) var(--space-8);
    font-size: var(--text-base);
}

.btn-sm {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-xs);
}

.btn-full {
    width: 100%;
}

/* Form Enhancements */
.form-section {
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
}

.form-section-header {
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-light);
}

.form-section-title {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.form-section-description {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.form-row {
    display: grid;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

.form-row-2 {
    grid-template-columns: repeat(2, 1fr);
}

.form-row-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
    .form-row-2,
    .form-row-3 {
        grid-template-columns: 1fr;
    }
}

/* Page Layouts */
.page-container {
    min-height: 100vh;
    background: var(--bg-primary);
}

.page-header {
    background: var(--bg-primary);
    border-bottom: 1px solid var(--border-default);
    padding: var(--space-6) 0;
}

.page-title {
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.page-description {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    max-width: 42rem;
}

.page-content {
    padding: var(--space-8) 0;
}

.page-section {
    margin-bottom: var(--space-12);
}

.page-section-title {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-6);
    text-align: center;
}

.page-section-description {
    font-size: var(--text-base);
    color: var(--text-secondary);
    text-align: center;
    margin-bottom: var(--space-8);
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

/* Loading States */
.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-default);
    border-radius: 50%;
    border-top-color: var(--color-primary);
    animation: spin 1s ease-in-out infinite;
}

.loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
}

/* Status Messages */
.status-message {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.status-success {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: var(--color-success);
}

.status-error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: var(--color-error);
}

.status-warning {
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: var(--color-warning);
}

.status-info {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    color: var(--color-info);
}