:root{--color-primary: #1a1a2e;--color-primary-light: #2d2d44;--color-primary-dark: #0f0f1a;--color-accent: #16a34a;--color-accent-light: #22c55e;--color-accent-dark: #15803d;--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f0f0f0;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-role-admin: #dc2626;--color-role-admin-bg: #fee2e2;--color-role-distributor: #d97706;--color-role-distributor-bg: #fef3c7;--color-role-stylist: #7c3aed;--color-role-stylist-bg: #ddd6fe;--color-role-user: #2563eb;--color-role-user-bg: #dbeafe;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--header-height: 64px;--sidebar-width: 260px;--sidebar-width-collapsed: 80px;--max-content-width: 1400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-border-light)}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg)}.site-header__logo{font-size:1.625rem;font-weight:700;color:var(--color-text);letter-spacing:-.5px;transition:opacity var(--transition-fast)}.site-header__logo:hover{opacity:.8}.logo-container{display:flex;align-items:center}.site-header__nav{display:none}@media (min-width: 768px){.site-header__nav{display:flex;align-items:center;gap:var(--spacing-sm)}}.site-header__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-menu-btn{display:flex;padding:var(--spacing-sm)}@media (min-width: 768px){.mobile-menu-btn{display:none}}.main-content{flex:1;padding:var(--spacing-lg);max-width:var(--max-content-width);margin:0 auto;width:100%}@media (min-width: 768px){.main-content{padding:var(--spacing-xl)}}.site-footer{background:#1a1a1a;border-top:none;padding:48px 24px 24px}.site-footer a{transition:color var(--transition-fast)}.site-footer a:hover{color:var(--color-accent-light)!important}.site-footer__inner{max-width:var(--max-content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}@media (min-width: 768px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}.product-card{display:block;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);height:100%}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card__image-wrapper{position:relative;background:var(--color-background-alt);overflow:hidden;aspect-ratio:3/4;height:auto}.product-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.05)}@media (min-width: 768px){.product-card__image-wrapper{aspect-ratio:auto;height:260px}}.product-card__badges{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center}.product-card__quick-actions{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .product-card__quick-actions{opacity:1}@media (hover: none) and (pointer: coarse){.product-card__quick-actions{display:none}.product-card:hover{transform:none}.product-card:active{transform:scale(.98)}}.product-card__content{padding:var(--spacing-lg)}.product-card__brand{font-size:var(--font-size-xs);color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;display:block}.product-card__category{font-size:var(--font-size-xs);color:#666;margin-bottom:var(--spacing-xs);display:block;text-transform:capitalize}.product-card__name{font-size:var(--font-size-base);font-weight:500;line-height:1.4;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;gap:var(--spacing-sm)}@media (max-width: 575px){.product-card__footer{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.product-card__footer .ant-btn{width:100%}.product-card__name{font-size:var(--font-size-sm)!important;-webkit-line-clamp:1;line-clamp:1}.product-card .ant-card-body{padding:var(--spacing-md)!important}}.mobile-filter-btn{display:block}@media (min-width: 768px){.mobile-filter-btn{display:none}}.price-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.price-display--inline{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.price-display--large{font-size:var(--font-size-xl)}.price-display__current{font-weight:600;color:var(--color-text)}.price-display__current--stylist{color:#15803d}.price-display__original{font-weight:400;color:#777;text-decoration:line-through}.price-display__savings{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:500}.role-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.role-badge--admin{background:var(--color-role-admin-bg);color:var(--color-role-admin)}.role-badge--distributor{background:var(--color-role-distributor-bg);color:var(--color-role-distributor)}.role-badge--stylist{background:var(--color-role-stylist-bg);color:var(--color-role-stylist)}.role-badge--user{background:var(--color-role-user-bg);color:var(--color-role-user)}.role-badge--guest{background:var(--color-background-alt);color:var(--color-text-secondary)}.cart-drawer__item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;transition:background-color var(--transition-fast)}.cart-drawer__item:hover{background-color:var(--color-background-alt)}.cart-drawer__item-image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.cart-drawer__item-details{flex:1;min-width:0}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.admin-layout{min-height:100vh}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-light);position:fixed;left:0;top:0;bottom:0;z-index:var(--z-fixed);transition:width var(--transition-normal)}.admin-sidebar--collapsed{width:var(--sidebar-width-collapsed)}.admin-sidebar--expanded{width:var(--sidebar-width)}.admin-sidebar__logo{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.admin-sidebar__logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.admin-main{transition:margin-left var(--transition-normal)}.admin-main--sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.admin-main--sidebar-expanded{margin-left:var(--sidebar-width)}@media (max-width: 991px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar--mobile-open{transform:translate(0)}.admin-main{margin-left:0!important}}.admin-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl)}.admin-content{padding:var(--spacing-xl);background:var(--color-background);min-height:calc(100vh - var(--header-height))}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:var(--spacing-xl)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}@media (min-width: 768px){.auth-card{padding:var(--spacing-3xl)}}.auth-card__logo{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-card__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin:0}.auth-card__subtitle{color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.checkout-page{max-width:1000px;margin:0 auto}.checkout-summary{position:sticky;top:calc(var(--header-height) + var(--spacing-xl))}@media (max-width: 767px){.checkout-summary{position:static;margin-top:var(--spacing-xl)}}.product-detail{display:grid;gap:var(--spacing-2xl)}@media (min-width: 768px){.product-detail{grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}}.product-detail__gallery{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-detail__main-image{background:var(--color-background-alt);border-radius:var(--radius-lg);overflow:hidden;max-height:500px;display:flex;align-items:center;justify-content:center}.product-detail__main-image img{max-width:100%;max-height:500px;object-fit:contain}.product-detail__thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.product-detail__thumbnail{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;transition:border-color var(--transition-fast);aspect-ratio:1}.product-detail__thumbnail--active{border-color:var(--color-text)}.product-detail__thumbnail img{width:100%;height:100%;object-fit:cover}.product-detail__info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-detail__brand{font-size:var(--font-size-base);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.product-detail__title{font-size:var(--font-size-3xl);font-weight:600;margin:0}@media (min-width: 768px){.product-detail__title{font-size:var(--font-size-4xl)}}.size-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast)}.size-option:hover{border-color:var(--color-text)}.size-option--selected{background:var(--color-background-alt);border-color:var(--color-text)}.size-option--disabled{opacity:.5;cursor:not-allowed}.trust-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.trust-badge{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.filter-sidebar{position:sticky;top:calc(var(--header-height) + var(--spacing-lg))}@media (max-width: 767px){.filter-sidebar--desktop{display:none}}.filter-section{margin-bottom:var(--spacing-xl)}.filter-section__title{font-weight:600;margin-bottom:var(--spacing-md)}.filter-btn{display:flex;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.filter-btn:hover{background:var(--color-background-alt)}.filter-btn--active{background:var(--color-primary);color:#fff}.mobile-filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}@media (min-width: 768px){.mobile-filter-toggle{display:none}}.role-switcher{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-popover);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-md) var(--spacing-lg);max-width:280px}@media (max-width: 767px){.role-switcher{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}}.role-switcher__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.role-switcher__title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border-light)}.stat-card__value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card__trend{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-error)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.status-badge--pending{background:#fef3c7;color:#d97706}.status-badge--processing{background:#dbeafe;color:#2563eb}.status-badge--shipped{background:#d1fae5;color:#059669}.status-badge--delivered{background:#dcfce7;color:#16a34a}.status-badge--cancelled{background:#fee2e2;color:#dc2626}.status-badge--approved{background:#dcfce7;color:#16a34a}.status-badge--rejected{background:#fee2e2;color:#dc2626}.status-badge--active{background:#dcfce7;color:#16a34a}.status-badge--inactive{background:#f3f4f6;color:#6b7280}.status-badge--expired{background:#fee2e2;color:#dc2626}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-state__icon{font-size:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:300px}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.ant-card.product-card-ant:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ant-menu-item-selected{background-color:var(--color-background-alt)!important}.ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.ant-btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.ant-badge-count{background:var(--color-primary)}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a1a2e1a}.ant-drawer-content{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}@media (max-width: 767px){.ant-drawer-content-wrapper{max-width:85vw!important}}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-header{padding:var(--spacing-md) 0}@media (max-width: 575px){.ant-steps-item-title{font-size:var(--font-size-xs)}}.ant-table-wrapper{overflow-x:auto}@media (max-width: 575px){.ant-modal{max-width:calc(100vw - 32px);margin:16px auto}.ant-modal-body{padding:var(--spacing-lg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{display:block!important}@media (max-width: 767px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}@media (min-width: 768px){.hidden-desktop{display:none!important}.visible-desktop{display:block!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideInUp var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media print{.no-print,.site-header,.site-footer,.role-switcher,.admin-sidebar{display:none!important}.main-content,.admin-content{margin:0!important;padding:0!important}}.cart-page{max-width:1200px;margin:0 auto}.cart-page__header{margin-bottom:var(--spacing-xl)}.cart-page__title-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.cart-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.cart-item__details{flex:1;min-width:0;display:flex;flex-direction:column}.cart-item__info{margin-bottom:var(--spacing-md)}.cart-item__name{display:block;font-weight:500;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.cart-item__meta{font-size:var(--font-size-xs);display:block}.cart-item__unit-price{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-item__actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 575px){.cart-item{gap:var(--spacing-md)}.cart-item .ant-image,.cart-item .ant-image img{width:64px!important;height:64px!important}.cart-item__actions{gap:var(--spacing-sm)}.cart-item__total{min-width:60px}}.cart-item__total{min-width:70px;text-align:right}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.order-summary{background:var(--color-surface);border-radius:var(--radius-lg)}.order-summary__items{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.order-summary__item{display:flex;gap:var(--spacing-md);align-items:center}.price-row{display:flex;justify-content:space-between;align-items:center}.applied-discount{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#dcfce7;border-radius:var(--radius-md)}.shipping-notice{background:#fff7e6;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #ffd591}.checkout-card{background:var(--color-surface);border-radius:var(--radius-lg)}.checkout-item{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) 0}.inventory-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}@media (max-width: 575px){.stat-card{padding:var(--spacing-md)}.stat-card__change{font-size:var(--font-size-xs)}.ant-statistic-title{font-size:var(--font-size-xs)!important;margin-bottom:var(--spacing-xs)!important}.ant-statistic-content-value{font-size:var(--font-size-lg)!important}}.hero-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:var(--spacing-3xl) var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);text-align:center}@media (min-width: 768px){.hero-section{padding:var(--spacing-3xl);text-align:left}}.hero-section__title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md)}@media (min-width: 768px){.hero-section__title{font-size:var(--font-size-4xl)}}.hero-section__subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-xl)}.mobile-nav-drawer .ant-drawer-body{padding:0}.mobile-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text);transition:background-color var(--transition-fast)}.mobile-nav-item:hover{background:var(--color-background-alt)}.mobile-nav-item--active{background:var(--color-background-alt);color:var(--color-primary);font-weight:500}.category-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:4/3;cursor:pointer}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .category-card__image{transform:scale(1.05)}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#000000b3);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-lg)}.category-card__title{color:#fff;font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-xs)}.category-card__count{color:#fffc;font-size:var(--font-size-sm)}@supports (padding-bottom: env(safe-area-inset-bottom)){.site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.quick-order-row--flash td{background:#f6ffed!important}}@media (max-width: 575px){.main-content{padding:var(--spacing-md)!important}.checkout-page{max-width:100%}.ant-btn-sm{min-height:32px;min-width:32px}.ant-btn:not(.ant-btn-sm):not(.ant-btn-icon-only){min-height:40px}.ant-pagination{gap:2px}.ant-pagination-item{min-width:32px!important;height:32px!important;line-height:32px!important}.product-detail__main-image,.product-detail__main-image img{max-height:350px}.product-detail__title{font-size:var(--font-size-2xl)!important}.ant-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 767px){.ant-drawer-content-wrapper{max-width:85vw!important}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-inline-start:4px}.ant-pagination-total-text{display:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#fff;border-top:1px solid var(--color-border, #e8e8e8);display:none;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 10px #0000000f}@media (max-width: 767px){.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;height:56px}}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;padding:6px 0;border:none;background:none;cursor:pointer;color:var(--color-text-secondary, #999);min-height:44px;-webkit-tap-highlight-color:transparent;transition:color .2s ease;position:relative}.mobile-bottom-nav__item--active{color:var(--color-primary, #722ed1)}.mobile-bottom-nav__item--active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:1px;background:var(--color-primary, #722ed1)}.mobile-bottom-nav__icon{font-size:20px;line-height:1}.mobile-bottom-nav__item .ant-badge,.mobile-bottom-nav__item .ant-badge .mobile-bottom-nav__icon{color:inherit}.mobile-bottom-nav__label{font-size:10px;line-height:1;font-weight:500;letter-spacing:.02em}.filter-fab{display:none;position:fixed;bottom:80px;right:16px;z-index:999;width:52px;height:52px;border-radius:50%;background:var(--color-primary, #722ed1);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #722ed166;align-items:center;justify-content:center;font-size:22px;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 767px){.filter-fab{display:flex}}.filter-fab:active{transform:scale(.92)}.filter-fab__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}.mobile-search-bar{display:none;position:fixed;top:var(--header-height, 64px);left:0;right:0;z-index:1001;background:#fff;box-shadow:0 4px 12px #0000001a;animation:searchSlideDown .2s ease-out}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.mobile-search-bar{display:block}}.mobile-search-bar__inner{display:flex;align-items:center;gap:10px;padding:10px 16px}.mobile-search-bar__inner .ant-input-affix-wrapper{flex:1;border-radius:8px}.mobile-search-bar__close{flex-shrink:0;width:36px!important;height:36px!important;min-width:36px!important;color:var(--color-text-secondary, #666)!important;font-size:16px}.mobile-filter-drawer__footer{position:sticky;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));border-top:1px solid var(--color-border, #e8e8e8);z-index:10}.mobile-filter-drawer__footer .ant-btn{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:var(--radius-md, 8px)}.mobile-filter-tags{display:none}@media (max-width: 767px){.mobile-filter-tags{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:8px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-filter-tags::-webkit-scrollbar{display:none}.mobile-filter-tags .ant-tag{flex-shrink:0;margin:0;padding:4px 10px;border-radius:16px;font-size:12px;line-height:1.4}}#loading-screen{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fffffff2;z-index:9999}#loading-screen svg{width:300px;height:auto}#loading-screen svg path{opacity:1}