:root{--color-primary: #20312b;--color-primary-light: #345147;--color-primary-dark: #14211d;--color-selection-bg: #f5e4d9;--color-selection-border: #d99372;--color-selection-text: #702d1c;--color-accent: #c65435;--color-accent-light: #df7655;--color-accent-dark: #9c3b24;--color-background: #f7f4ee;--color-background-alt: #eee8de;--color-surface: #fffdf9;--color-text: #20312b;--color-text-secondary: #66716a;--color-text-muted: #929a93;--color-border: #dcd5c9;--color-border-light: #ebe5dc;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-success-bg: #ecfdf5;--color-warning-bg: #fffbeb;--color-info-bg: #eff6ff;--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: "DM Sans", sans-serif;--font-family-display: "Fraunces", Georgia, 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;touch-action:manipulation}a{touch-action:manipulation}::-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);min-width:0}.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);flex-shrink:0}.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)}.bundle-deal-rail{margin:0 0 28px;padding:20px;border:1px solid #dfd5c7;border-radius:20px;background:linear-gradient(135deg,#f8f3ea,#edf2eb);overflow:hidden}.bundle-deal-rail__heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.bundle-deal-rail__heading .ant-typography{margin:0}.bundle-deal-rail__eyebrow{color:var(--color-accent-dark);font-size:11px;font-weight:700;letter-spacing:.12em}.bundle-deal-rail__scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.bundle-deal-card{flex:0 0 min(310px,82vw);min-height:290px;display:flex;flex-direction:column;padding:16px;border-radius:16px;background:#20312b;color:#fff;scroll-snap-align:start}.bundle-deal-card__top{display:flex;justify-content:space-between;align-items:center;color:#e9c46a;font-size:20px}.bundle-deal-card__top .ant-tag{border:0;color:#20312b;background:#e9c46a;font-size:10px;font-weight:700}.bundle-deal-card h4{color:#fff!important;margin:16px 0 6px!important}.bundle-deal-card__copy{color:#d4ddd4!important;min-height:42px}.bundle-deal-card__items{display:grid;gap:3px;margin:12px 0;color:#e8eee8;font-size:12px}.bundle-deal-card__price{display:flex;align-items:baseline;gap:8px;margin-top:auto;margin-bottom:12px}.bundle-deal-card__price .ant-typography{color:#b7c5b9}.bundle-deal-card__price strong{font-size:20px;color:#fff}@media (max-width: 575px){.bundle-deal-rail{margin-left:-4px;margin-right:-4px;padding:16px;border-radius:16px}.bundle-deal-rail__heading{display:block}.bundle-deal-rail__heading>.ant-typography{display:none}}.stylist-workspace{max-width:1120px;margin:0 auto;padding:28px 16px 88px}.stylist-workspace__hero{padding:28px;margin-bottom:16px;border-radius:20px;color:#f8f5ee;background:linear-gradient(120deg,#20312b,#3e5648)}.stylist-workspace__hero .ant-typography{color:inherit}.stylist-workspace__hero h1{margin:8px 0}.stylist-workspace__hero .ant-btn{margin-top:18px;color:#20312b;background:#f6eddc;border-color:#f6eddc}.stylist-workspace__actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.stylist-workspace__actions a,.stylist-workspace__actions button{display:flex;min-height:76px;padding:12px;align-items:center;gap:9px;border:1px solid #dfd5c7;border-radius:14px;color:#20312b;background:#fffdfa;font:inherit;text-align:left;cursor:pointer}.stylist-workspace__actions .anticon{font-size:20px;color:#c45d3c}.stylist-workspace__actions span{font-size:13px;font-weight:700;line-height:1.25}.stylist-workspace__restock,.stylist-workspace__guide{height:100%;border-radius:18px}.stylist-workspace__restock{background:#d96d46;color:#fff}.stylist-workspace__restock .ant-typography{color:inherit}.stylist-workspace__restock .anticon,.stylist-workspace__guide .anticon{font-size:26px}.stylist-workspace__restock .ant-btn{margin-top:20px;color:#20312b;background:#f6eddc;border-color:#f6eddc}.stylist-workspace__guide{background:#f6f1e8}.stylist-workspace__guide ul{padding-left:18px;margin-bottom:0}.stylist-workspace__guide li{margin:9px 0}.stylist-workspace__offers{margin-top:28px}.stylist-workspace__offers>.ant-typography{display:block;margin-bottom:12px}@media (max-width: 575px){.stylist-workspace{padding-top:16px}.stylist-workspace__hero{padding:22px}.stylist-workspace__actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 575px){.site-header__inner{padding:0 12px}.site-header__logo img,.site-header__logo svg{max-width:132px}.site-header__actions{gap:2px}.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)}.auth-page-header{position:fixed;top:max(12px,env(safe-area-inset-top));left:0;right:0;z-index:var(--z-fixed);display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:none}.auth-page-header>*{pointer-events:auto}@media (max-width: 575px){.auth-page{align-items:flex-start!important;padding:72px 12px 24px!important}.auth-page .ant-card{border-radius:18px!important}.auth-page .ant-card-body{padding:20px!important}.register-form__row{flex-direction:column;gap:0!important}.register-form__row .ant-form-item{width:100%}}.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-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #1a1a2e1a!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--color-primary);border-color:var(--color-primary)}.ant-drawer-content{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}@media (max-width: 767px){.ant-drawer-right .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:var(--color-success-bg);border-radius:var(--radius-md)}.shipping-notice{background:var(--color-warning-bg);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}.product-guidance{margin-bottom:var(--spacing-xl)}.hair-quiz{width:min(100%,640px);margin:0 auto;padding:clamp(20px,5vw,48px) 0 calc(96px + env(safe-area-inset-bottom))}.hair-quiz__header{text-align:center;margin:0 auto 24px;max-width:480px}.hair-quiz__header .ant-typography{margin-bottom:8px}.hair-quiz__header p{color:var(--color-text-secondary);margin-bottom:0}.hair-quiz__mark{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;background:var(--color-selection-bg);color:var(--color-primary);font-size:21px}.hair-quiz__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 18px 50px #0f172a14;overflow:clip;contain:layout paint}.hair-quiz__progress{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:14px;padding:18px 22px;background:#f8fafc;border-bottom:1px solid var(--color-border-light)}.hair-quiz__progress .ant-typography{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hair-quiz__progress .ant-progress{line-height:1}.hair-quiz__question{padding:28px}.hair-quiz__question .ant-typography h3{margin-bottom:6px;font-size:clamp(1.25rem,4vw,1.5rem)}.hair-quiz__question>.ant-typography-secondary{display:block;margin-bottom:0}.hair-quiz__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.hair-quiz__options--stacked,.hair-quiz__options--budget{grid-template-columns:1fr}.hair-quiz__option{width:100%;display:flex;align-items:center;gap:12px;min-height:68px;padding:11px 12px;text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .12s ease,background-color .12s ease}.hair-quiz__option:hover:not(:disabled){border-color:var(--color-selection-border);background:var(--color-selection-bg)}.hair-quiz__option:focus-visible{outline:3px solid rgba(26,26,46,.2);outline-offset:2px}.hair-quiz__option--selected{color:var(--color-selection-text);background:var(--color-selection-bg);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.hair-quiz__option:disabled{cursor:not-allowed;opacity:.45}.hair-quiz__option-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--color-background-alt);font-size:21px}.hair-quiz__option--selected .hair-quiz__option-icon{background:var(--color-surface)}.hair-quiz__option-copy{display:grid;gap:2px;min-width:0}.hair-quiz__option-title{font-weight:700;line-height:1.25}.hair-quiz__option-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.35}.hair-quiz__option-check{margin-left:auto;color:var(--color-primary);font-size:18px}.hair-quiz__answers{display:flex;flex-wrap:wrap;gap:6px;padding:0 28px 18px}.hair-quiz__answers span{padding:5px 9px;color:var(--color-selection-text);background:var(--color-selection-bg);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.hair-quiz__actions{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;border-top:1px solid var(--color-border-light);background:var(--color-surface)}.hair-quiz__actions .ant-btn-primary{min-width:150px}@media (max-width: 575px){.hair-quiz{padding-top:8px}.hair-quiz__header{margin-bottom:18px}.hair-quiz__header h2{font-size:1.5rem}.hair-quiz__panel{border-radius:20px}.hair-quiz__progress,.hair-quiz__actions{padding-inline:16px}.hair-quiz__question{padding:22px 16px}.hair-quiz__options{grid-template-columns:1fr;gap:8px;margin-top:16px}.hair-quiz__answers{padding:0 16px 16px}.hair-quiz__option{min-height:60px;padding:9px 10px}.hair-quiz__option-icon{width:36px;height:36px;font-size:19px}.hair-quiz__option-description{display:none}.hair-quiz__option-copy{min-height:36px;align-content:center}.hair-quiz__actions{position:static;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.hair-quiz__actions .ant-btn{min-height:46px}.hair-quiz__actions .ant-btn-primary{flex:1;min-width:0}}.mobile-filter-drawer .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary)}.mobile-filter-drawer .ant-tabs-ink-bar{background:var(--color-primary)}.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}input,textarea,select,.ant-input,.ant-input-affix-wrapper input,.ant-input-number-input,.ant-select-selection-search-input,.ant-select-selection-item,.ant-picker-input>input{font-size:16px!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-right .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)}.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)}.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);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #1a1a2e47;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__body{padding:16px 16px 96px}.shop-results-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.shop-results-header__filters{flex:0 0 auto;border-color:var(--color-selection-border);color:var(--color-selection-text);font-weight:600}.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}}.hscroll-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-xs)}.hscroll-rail::-webkit-scrollbar{display:none}.hscroll-rail>*{scroll-snap-align:start;flex-shrink:0}.home{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-3xl)}.home-hero{margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;text-align:center}.home-hero__inner{max-width:640px;margin:0 auto}.home-hero__eyebrow{display:inline-block;font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-light);margin-bottom:var(--spacing-sm)}.home-hero__title.ant-typography{color:#fff;margin:0 0 var(--spacing-md);font-size:clamp(1.75rem,6vw,2.75rem);line-height:1.15}.home-hero__subtitle.ant-typography{color:#ffffffd1;font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.home-hero__actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.home-section{margin-bottom:var(--spacing-2xl)}.home-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--spacing-md)}.home-section__more{font-size:var(--font-size-sm);color:var(--color-accent-dark);white-space:nowrap}.home-section__sub{display:block;margin-bottom:var(--spacing-md)}.category-chip{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-base);font-weight:500;white-space:nowrap;transition:border-color .15s,color .15s}.category-chip:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}.home-routine{background:var(--color-background-alt);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.home-routine__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.routine-chip{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);text-align:center;transition:border-color .15s,transform .1s}.routine-chip:hover{border-color:var(--color-accent);transform:translateY(-2px)}.routine-chip__emoji{font-size:1.75rem}.home-routine__cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--color-accent-dark)}.home-featured__item{width:200px}@media (max-width: 480px){.home-featured__item{width:160px}}.pro-banner{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-role-stylist-bg);border-radius:var(--radius-lg);color:var(--color-text)}.pro-banner__icon{font-size:1.5rem;color:var(--color-role-stylist);flex-shrink:0}.pro-banner__text{display:flex;flex-direction:column;flex:1}.pro-banner__title.ant-typography{font-size:var(--font-size-lg)}.pro-banner__sub.ant-typography{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pro-banner__arrow{color:var(--color-text-muted)}.trust-strip{display:flex;justify-content:space-around;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-alt);border-radius:var(--radius-lg)}.trust-strip__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center;flex:1}.trust-strip__icon{font-size:1.5rem;color:var(--color-accent)}.trust-strip__label.ant-typography{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.shipping-progress{width:100%}.shipping-progress__label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.shipping-progress__icon{color:var(--color-primary)}.shipping-progress__text.ant-typography{font-size:var(--font-size-sm)}.shipping-progress__text--done.ant-typography{color:var(--color-accent-dark)}.for-pros{max-width:880px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-3xl)}.for-pros__hero{text-align:center;padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.for-pros__eyebrow{display:inline-block;font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-role-stylist);margin-bottom:var(--spacing-sm)}.for-pros__title.ant-typography{font-size:clamp(1.6rem,5vw,2.4rem);margin:0 0 var(--spacing-md)}.for-pros__subtitle.ant-typography{display:block;max-width:560px;margin:0 auto var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.for-pros__signin{margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.for-pros__benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.for-pros__benefit{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.for-pros__benefit-icon{font-size:1.5rem;color:var(--color-accent);flex-shrink:0}.for-pros__benefit-title.ant-typography{display:block;margin-bottom:2px}.for-pros__benefit-desc.ant-typography{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.for-pros__steps{text-align:center}.for-pros__steps-list{list-style:none;padding:0;margin:var(--spacing-lg) auto 0;max-width:480px;text-align:left}.for-pros__steps-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light)}.for-pros__steps-list li .anticon{color:var(--color-accent);margin-top:3px}@media (max-width: 600px){.for-pros__benefits{grid-template-columns:1fr}}@media (max-width: 767px){.home,.for-pros{padding-bottom:calc(var(--spacing-3xl) + 64px)}}h1,h2,h3,h4,.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4{font-family:var(--font-family-display);letter-spacing:-.035em}.site-header{background:#fffdf9f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ant-btn-primary{background:var(--color-primary);box-shadow:none}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--color-primary-light)!important}.ant-card{border-color:var(--color-border-light);box-shadow:0 8px 24px #20312b0b}.home-hero{padding:56px var(--spacing-lg) 52px;background:radial-gradient(circle at 89% 8%,rgba(223,118,85,.72),transparent 25%),radial-gradient(circle at 10% 96%,rgba(244,202,151,.22),transparent 30%),linear-gradient(135deg,#20312b,#29443a);text-align:left;border-radius:0 0 28px 28px}.home-hero__inner{max-width:700px}.home-hero__eyebrow{color:#f5ba91}.home-hero__title.ant-typography{font-family:var(--font-family-display);font-size:clamp(2.35rem,9vw,4.5rem);line-height:1.02}.home-hero__actions{justify-content:flex-start}.home-section{margin-bottom:36px}.home-section__more{font-weight:700}.category-chip{border-radius:10px;transition:border-color .15s,color .15s,background .15s,transform .15s}.category-chip:hover{border-color:var(--color-accent);color:var(--color-accent-dark);background:#fff7f1;transform:translateY(-1px)}.home-routine{background:#e3ebe1;border:1px solid #c9d8ca;border-radius:22px;padding:24px}.routine-chip{border-radius:14px}.routine-chip:hover{border-color:var(--color-primary-light)}.pro-banner{background:#f3dfd3;border:1px solid #e8c4b2;border-radius:18px}.pro-banner__icon{color:var(--color-accent-dark)}.trust-strip{background:transparent;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:0}.trust-strip__icon{color:var(--color-accent-dark)}.product-card{border-radius:18px}.product-card__image-wrapper{background:#f1ece3}.product-card:hover{box-shadow:0 16px 30px #20312b1f}.product-card__brand{color:var(--color-accent-dark)}.cart-items-card,.order-summary,.checkout-card{border-radius:18px}.order-summary{background:#fffaf4}@media (max-width: 575px){.home-hero{margin-inline:calc(-1 * var(--spacing-md));padding:42px 20px 38px}.home-hero__actions{display:grid;grid-template-columns:1fr}.home-hero__actions .ant-btn{width:100%;min-height:48px}.home-section__head .ant-typography{font-size:1.45rem}.home-routine{padding:18px}.home-routine__chips{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{padding:16px 0}}@media (max-width: 1023px){.site-header__actions>.hidden-mobile{display:none!important}}@media (max-width: 359px){.shop-product-grid>.ant-col{flex:0 0 100%;max-width:100%}}#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}