:root{--color-primary: #000000;--color-primary-hover: #1a1a1a;--color-primary-light: rgba(0, 0, 0, .06);--color-primary-light-hover: rgba(0, 0, 0, .1);--color-primary-light-active: rgba(0, 0, 0, .14);--color-primary-gradient-start: #4D5159;--color-primary-gradient-mid: #1a1a1a;--color-cta: #FFD500;--color-cta-hover: #e6bf00;--color-cta-text: #000000;--color-cta-light: rgba(255, 213, 0, .15);--color-secondary: #8A92A6;--color-secondary-hover: #6d7486;--color-gray-light: #F5F5F5;--color-gray-mid: #8A92A6;--color-gray-darker: #34333C;--color-gray-dark: #3B3949;--color-grey-1: #4D5159;--color-grey-2: #8A92A6;--color-grey-3: #ADB5BD;--color-line: #E9E9ED;--status-default: #9a9a9a;--status-success: #5cc272;--status-error: #e50808;--status-warning: #e9923a;--status-info: #8a8bc2;--color-overlay-backdrop: rgba(0, 0, 0, .5);--color-overlay-white: rgba(255, 255, 255, .1);--color-success: #1AA053;--color-success-light: rgba(26, 160, 83, .12);--color-error: #F72B13;--color-error-light: rgba(247, 43, 19, .1);--color-warning: #FF6D18;--color-warning-light: rgba(255, 109, 24, .12);--color-warning-dark: #c45200;--color-info: #08B18A;--color-info-light: rgba(8, 177, 138, .12);--color-bg-primary: #F5F5F5;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f5f5;--color-bg-elevated: #ffffff;--color-text-primary: var(--color-gray-darker);--color-text-secondary: var(--color-gray-mid);--color-text-muted: var(--color-secondary);--text-bs-white: #FFFFFF;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-border-light: rgba(0, 0, 0, .05);--color-border-solid: #E9E9ED;--color-placeholder: #ADB5BD;--color-overlay-light: rgba(255, 255, 255, .35);--color-overlay-light-hover: rgba(255, 255, 255, .5);--color-overlay-light-active: rgba(255, 255, 255, .6);--color-overlay-dark: rgba(0, 0, 0, .05);--color-overlay-dark-hover: rgba(0, 0, 0, .1);--shadow-focus-primary: 0 0 0 2px rgba(255, 213, 0, .4);--shadow-focus-error: 0 0 0 3px rgba(247, 43, 19, .2);--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-title: "Inter", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-display-lg: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--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, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--sidebar-width: 115px;--header-height: 64px;--max-content-width: 1200px;--mobile-header-height: 56px;--mobile-bottom-nav-height: 64px}.dark{color-scheme:dark;--color-gray-light: #2E2D3D;--color-gray-mid: #A9A7B8;--color-gray-darker: #EEEDF5;--color-gray-dark: #D5D4E0;--color-bg-primary: #1A1924;--color-bg-secondary: #252432;--color-bg-tertiary: #2E2D3D;--color-bg-elevated: #302F40;--color-text-primary: #EEEDF5;--color-text-secondary: #A9A7B8;--color-text-muted: #7B7990;--text-bs-white: #EEEDF5;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-light: rgba(255, 255, 255, .06);--color-border-solid: #3A3950;--color-placeholder: #6B687D;--color-overlay-light: rgba(255, 255, 255, .08);--color-overlay-light-hover: rgba(255, 255, 255, .12);--color-overlay-light-active: rgba(255, 255, 255, .16);--color-overlay-dark: rgba(0, 0, 0, .2);--color-overlay-dark-hover: rgba(0, 0, 0, .3);--color-primary: #EEEDF5;--color-primary-hover: #D5D4E0;--color-primary-light: rgba(255, 255, 255, .08);--color-primary-light-hover: rgba(255, 255, 255, .12);--color-primary-light-active: rgba(255, 255, 255, .16);--color-primary-gradient-start: #3A3950;--color-primary-gradient-mid: #6B687D;--color-secondary: #7B7990;--color-secondary-hover: #A9A7B8;--color-cta: #FFD500;--color-cta-hover: #e6bf00;--color-cta-text: #000000;--color-cta-light: rgba(255, 213, 0, .2);--status-default: #b8b8b8;--status-success: #6ee088;--status-error: #f87171;--status-warning: #f5a855;--status-info: #a8a9e0;--color-overlay-backdrop: rgba(0, 0, 0, .7);--color-overlay-white: rgba(255, 255, 255, .1);--color-success: #34d472;--color-success-light: rgba(52, 212, 114, .15);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .15);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .15);--color-warning-dark: #fbbf24;--color-info: #60a5fa;--color-info-light: rgba(96, 165, 250, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-focus-primary: 0 0 0 2px rgba(255, 213, 0, .5);--shadow-focus-error: 0 0 0 3px rgba(248, 113, 113, .35)}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,figure,hr,fieldset,legend{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ol,ul{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img,video{height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:1px solid var(--color-border)}::selection{background-color:var(--color-primary);color:#fff}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover:not(:disabled){border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input:disabled{opacity:.6;cursor:not-allowed}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:var(--shadow-focus-error)}.label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-error{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-error)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spinIn{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes pillIn{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes checkIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tap-active:active{transform:scale(.97);transition:transform 80ms ease}.animate-in{animation:fadeInUp .3s ease-out both}#root{width:100%;min-height:100vh}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);min-width:320px;max-width:480px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid;pointer-events:auto;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{border-left-color:var(--color-success, #22c55e)}.toast--success .toast__icon{color:var(--color-success, #22c55e)}.toast--error{border-left-color:var(--color-error, #ef4444)}.toast--error .toast__icon{color:var(--color-error, #ef4444)}.toast--warning{border-left-color:var(--color-warning, #f59e0b)}.toast--warning .toast__icon{color:var(--color-warning, #f59e0b)}.toast--info{border-left-color:var(--color-info, #3b82f6)}.toast--info .toast__icon{color:var(--color-info, #3b82f6)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__message{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toast__close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}@media (max-width: 480px){.toast-container{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4)}.toast{min-width:auto;max-width:none}}.theme-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--spacing-2);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-2xs);font-family:var(--font-family-base);font-weight:var(--font-weight-medium)}.theme-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;animation:spinIn .4s cubic-bezier(.16,1,.3,1) both}.theme-toggle__icon svg{width:24px;height:24px}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:var(--z-fixed)}.sidebar-logo{padding:var(--spacing-3) 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color-border)}.sidebar-logo__dark,.dark .sidebar-logo__light{display:none}.dark .sidebar-logo__dark{display:block}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-2) 0;gap:2px;flex:1;min-height:0;overflow-y:auto}.sidebar-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2);margin:0 var(--spacing-2);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav-item.active{color:var(--color-primary)}.sidebar-nav-item.active .sidebar-nav-icon{background-color:var(--color-cta);color:var(--color-cta-text);border-radius:var(--radius-md)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-nav-icon svg{width:24px;height:24px}.sidebar-nav-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-align:center;line-height:1.2}.sidebar-nav-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 var(--spacing-1);background-color:var(--color-cta);color:var(--color-cta-text);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.sidebar-nav-item{position:relative}.sidebar-footer{margin-top:auto;padding:var(--spacing-3) var(--spacing-2);border-top:1px solid var(--color-border)}.sidebar-logout{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--spacing-2) var(--spacing-2);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium)}.sidebar-logout:hover{background-color:var(--color-bg-tertiary);color:var(--color-error)}.sidebar-hamburger{display:none;position:fixed;top:var(--spacing-3);left:var(--spacing-3);z-index:calc(var(--z-fixed) + 2);width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:none;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);cursor:pointer}.sidebar-hamburger__bar{display:block;width:20px;height:2px;background-color:var(--color-text-primary);border-radius:1px}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:calc(var(--z-fixed) - 1);background-color:var(--color-overlay-backdrop)}@media (max-width: 768px){.sidebar-hamburger{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar--open{transform:translate(0)}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-content{margin-left:var(--sidebar-width);flex:1;width:calc(100% - var(--sidebar-width));background-color:var(--color-bg-primary)}.dashboard-content>*{animation:fadeInUp .3s ease-out}@media (max-width: 768px){.dashboard-content{margin-left:0;width:100%}}.mobile-header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--mobile-header-height);background-color:var(--color-cta-text);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);flex-shrink:0}.mobile-header__logo{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:var(--spacing-1)}.mobile-header__logo img{height:32px;width:auto}.mobile-header__actions{display:flex;align-items:center;gap:var(--spacing-1)}.mobile-header__cart{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:none;color:var(--text-bs-white);cursor:pointer;border-radius:var(--radius-md)}.mobile-header__cart:active{background-color:var(--color-overlay-white)}.mobile-header__theme{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:none;color:var(--text-bs-white);cursor:pointer;border-radius:var(--radius-md)}.mobile-header__theme:active{background-color:var(--color-overlay-white)}.mobile-header__theme-icon{display:flex;align-items:center;justify-content:center;animation:spinIn .4s cubic-bezier(.16,1,.3,1) both}.mobile-header__cart-badge{position:absolute;top:4px;right:2px;min-width:20px;height:20px;padding:0 5px;background-color:var(--color-cta);color:var(--color-cta-text);font-family:var(--font-family-base);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.mobile-header__cart-badge{animation:bump .3s ease}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);height:var(--mobile-bottom-nav-height);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-solid);display:flex;align-items:stretch;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-grey-2);transition:color var(--transition-fast);min-height:48px}.mobile-bottom-nav__tab--active{color:var(--color-cta-text)}.dark .mobile-bottom-nav__tab--active{color:var(--color-cta)}.mobile-bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:40px;height:32px;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-bottom-nav__tab--active .mobile-bottom-nav__icon{background-color:var(--color-cta);color:var(--color-cta-text);animation:pillIn .35s cubic-bezier(.16,1,.3,1) both}.mobile-bottom-nav__label{font-family:var(--font-family-base);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:1}.mobile-layout{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--color-bg-primary)}.mobile-layout__content{flex:1;padding-bottom:var(--mobile-bottom-nav-height);overflow-x:hidden}.mobile-layout__content>*{animation:slideInUp .35s cubic-bezier(.16,1,.3,1) both}.skeleton{background:var(--color-bg-tertiary);background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;border-radius:var(--radius-sm)}.skeleton--circular{border-radius:var(--radius-full)}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:var(--radius-md)}.skeleton-chip{display:inline-block;height:32px;border-radius:var(--radius-full)}.skeleton-chips{display:flex;align-items:center;gap:var(--spacing-1)}.skeleton-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-text__line{height:1em;border-radius:var(--radius-sm)}.skeleton-text__line:last-child{width:70%}.skeleton-row{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.skeleton-row__cell{height:1em;border-radius:var(--radius-sm)}.skeleton-card{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.skeleton-card__image{aspect-ratio:4/3;border-radius:var(--radius-md)}.skeleton-card__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.table-skeleton{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.table-skeleton__header{display:flex;align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.table-skeleton__header-cell{flex:1;padding:var(--spacing-3) var(--spacing-4)}.table-skeleton__body{background:var(--color-bg-secondary)}.table-skeleton__row{display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.table-skeleton__row:last-child{border-bottom:none}.table-skeleton__cell{flex:1;padding:var(--spacing-3) var(--spacing-4)}.product-details-skeleton{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--spacing-6);align-items:flex-start}.product-details-skeleton__gallery{grid-column:span 4;aspect-ratio:656/525;border-radius:var(--radius-md)}.product-details-skeleton__info{grid-column:6 / span 4;display:flex;flex-direction:column;gap:var(--spacing-4)}.product-details-skeleton__title{border-radius:var(--radius-sm)}.product-details-skeleton__stock{display:flex;gap:var(--spacing-3)}.product-details-skeleton__references{display:flex;flex-direction:column;gap:var(--spacing-2)}.product-details-skeleton__actions{display:flex;gap:var(--spacing-3)}.product-details-skeleton__accordion{border-radius:var(--radius-sm)}@media (max-width: 1024px){.product-details-skeleton{grid-template-columns:1fr}.product-details-skeleton__gallery,.product-details-skeleton__info{grid-column:1}}.details-skeleton{display:flex;flex-direction:column;gap:var(--spacing-6)}.details-skeleton__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.details-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (max-width: 768px){.details-skeleton__grid{grid-template-columns:1fr}}.details-skeleton__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.details-skeleton__section--full{grid-column:1 / -1}.details-skeleton__card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.details-skeleton__row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.details-skeleton__table-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0}.details-skeleton__table-row{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.details-skeleton__table-row:last-child{border-bottom:none}.panier-skeleton{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.panier-skeleton__top{display:grid;grid-template-columns:1fr 480px;gap:var(--spacing-6);align-items:start}.panier-skeleton__card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-6)}.panier-skeleton__row{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border)}.panier-skeleton__row:last-child{border-bottom:none}.panier-skeleton__row-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.panier-skeleton__footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-4)}.panier-skeleton__sidebar{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.panier-skeleton__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.panier-skeleton__checkbox{display:flex;align-items:center;gap:var(--spacing-2)}.panier-skeleton__addresses{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.panier-skeleton__address-grid{display:flex;gap:var(--spacing-4)}@media (max-width: 1024px){.panier-skeleton__top{grid-template-columns:1fr}}@media (max-width: 768px){.panier-skeleton{gap:var(--spacing-3)}.panier-skeleton__card{padding:var(--spacing-3);border-radius:var(--radius-md)}.panier-skeleton__sidebar,.panier-skeleton__hide-mobile{display:none}.panier-skeleton__addresses{padding:var(--spacing-3);border-radius:var(--radius-md)}}.page-skeleton{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;padding:0 var(--spacing-8)}.page-skeleton__banner{border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 calc(-1 * var(--spacing-8));width:auto}.page-skeleton__card{display:flex;flex-direction:column;gap:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6)}@media (max-width: 768px){.page-skeleton{padding:0 var(--spacing-3);gap:var(--spacing-3)}.page-skeleton__banner{margin:0 calc(-1 * var(--spacing-3))}.page-skeleton__card{padding:var(--spacing-3);border-radius:var(--radius-md)}}.demo-banner{width:100%;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-cta-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0}.demo-banner__text{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:.02em}.reset-demo-button{position:fixed;bottom:80px;right:16px;z-index:var(--z-fixed);width:56px;height:56px;border-radius:var(--radius-full);border:none;background-color:var(--color-cta);color:var(--color-cta-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:background-color var(--transition-fast),transform 80ms ease}.reset-demo-button:hover{background-color:var(--color-cta-hover)}.reset-demo-button:active{transform:scale(.93)}