:root{--color-bg: #FAF7F2;--color-bg-warm: #F5F0E8;--color-bg-card: #FFFFFF;--color-primary: #2D4A3E;--color-primary-light: #3D6B56;--color-primary-dark: #1E332A;--color-secondary: #8B6F5C;--color-accent: #C9A96E;--color-accent-light: #E0C88A;--color-accent-dark: #A88B4E;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #9A9A9A;--color-border: #E8E0D6;--color-border-light: #F0EBE3;--color-error: #C4625A;--color-success: #6B9E7A;--color-white: #FFFFFF;--color-overlay: rgba(26, 26, 26, .5);--shadow-sm: 0 1px 3px rgba(26, 26, 26, .06);--shadow-md: 0 4px 16px rgba(26, 26, 26, .08);--shadow-lg: 0 8px 32px rgba(26, 26, 26, .1);--shadow-xl: 0 16px 48px rgba(26, 26, 26, .12);--font-display: "Noto Serif SC", "Georgia", serif;--font-body: "Noto Sans SC", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--max-width: 1280px;--header-height: 72px;--noise-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);background-image:var(--noise-texture);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-warm)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-accent{background:var(--color-accent);color:var(--color-white);border:1px solid var(--color-accent)}.btn-accent:hover{background:var(--color-accent-light);border-color:var(--color-accent-light)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-bg-warm);color:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeIn{animation:fadeIn .6s ease forwards}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#faf7f2eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);z-index:1000;transition:transform var(--transition-base)}.header.hidden{transform:translateY(-100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);letter-spacing:.12em;display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.logo-icon{display:inline-block;width:28px;height:28px;background:var(--color-primary);border-radius:50%;position:relative;overflow:hidden}.logo-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--color-accent);border-radius:50%;opacity:.8}.nav-links{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-sm)}.nav-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);letter-spacing:.04em;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-primary);transition:width var(--transition-base)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.nav-actions .icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast)}.nav-actions .icon-btn:hover{background:var(--color-bg-warm);color:var(--color-primary)}.cart-count{position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--color-accent);color:var(--color-white);font-size:10px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}.mobile-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast)}@media (max-width: 768px){.nav-links{display:none}.mobile-toggle{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-white);padding:var(--space-6);border-bottom:1px solid var(--color-border);gap:var(--space-4);box-shadow:var(--shadow-lg)}}.page{padding-top:var(--header-height);min-height:100vh;opacity:0;animation:fadeIn .5s ease forwards}.footer{background:var(--color-primary-dark);color:#ffffffb3;padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.footer-brand .logo{color:var(--color-white);margin-bottom:var(--space-4)}.footer-brand p{font-size:var(--text-sm);line-height:1.8;max-width:320px}.footer-col h4{color:var(--color-white);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);letter-spacing:.08em}.footer-col a{display:block;font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-12);padding-top:var(--space-6);text-align:center;font-size:var(--text-xs);color:#fff6}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-warm) 50%,#E8E0D6 100%)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise-texture);opacity:.6}.hero-particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:720px;padding:0 var(--space-6)}.hero-sublabel{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.4em;margin-bottom:var(--space-6);text-transform:uppercase}.hero-title{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--space-6);letter-spacing:.06em}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);line-height:1.8;max-width:520px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.1em;animation:float 3s ease-in-out infinite}@media (max-width: 768px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4)}.section-desc{color:var(--color-text-secondary);max-width:560px;margin:0 auto;font-size:var(--text-base)}@media (max-width: 768px){.section{padding:var(--space-12) 0}.section-title{font-size:var(--text-2xl)}}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.philosophy-image{position:relative;height:500px;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.philosophy-image img{width:100%;height:100%;object-fit:cover;opacity:.4;mix-blend-mode:overlay}.philosophy-image-deco{position:absolute;top:var(--space-6);left:var(--space-6);right:var(--space-6);bottom:var(--space-6);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md)}.philosophy-content{padding:var(--space-6)}.philosophy-content .section-title{text-align:left}.philosophy-text{color:var(--color-text-secondary);line-height:2;margin-bottom:var(--space-6);font-size:var(--text-base)}.philosophy-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.philosophy-value{padding:var(--space-3);border-left:2px solid var(--color-accent)}.philosophy-value h4{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-1)}.philosophy-value p{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 768px){.philosophy{grid-template-columns:1fr}.philosophy-image{height:300px}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.product-card{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer;border:1px solid var(--color-border-light)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-bg-warm)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:var(--color-primary)}.product-card-body{padding:var(--space-5)}.product-card-crystal{font-size:var(--text-xs);color:var(--color-accent);font-weight:500;letter-spacing:.06em;margin-bottom:var(--space-1)}.product-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.product-card-price{font-size:var(--text-base);font-weight:500;color:var(--color-primary)}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.catalog-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6));height:fit-content}.catalog-sidebar h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-4)}.filter-group{margin-bottom:var(--space-6)}.filter-group h4{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-3);letter-spacing:.04em}.filter-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.filter-option:hover{color:var(--color-text)}.filter-option input[type=checkbox],.filter-option input[type=radio]{accent-color:var(--color-primary)}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.catalog-count{font-size:var(--text-sm);color:var(--color-text-muted)}.catalog-sort select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-white);color:var(--color-text);outline:none}@media (max-width: 768px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static;display:none}.catalog-sidebar.open{display:block}}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.product-detail-gallery{position:sticky;top:calc(var(--header-height) + var(--space-6));height:fit-content}.product-detail-main-image{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-warm);margin-bottom:var(--space-4)}.product-detail-main-image img{width:100%;height:100%;object-fit:cover}.product-detail-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.product-detail-thumb{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);border:2px solid transparent}.product-detail-thumb.active,.product-detail-thumb:hover{opacity:1;border-color:var(--color-primary)}.product-detail-thumb img{width:100%;height:100%;object-fit:cover}.product-detail-info h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.product-detail-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4)}.product-detail-price{font-size:var(--text-2xl);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-6)}.product-detail-desc{color:var(--color-text-secondary);line-height:2;margin-bottom:var(--space-6)}.product-detail-props{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.prop-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-warm);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-secondary)}.configurator{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.configurator h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-4)}.config-step{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-light)}.config-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-step-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-3);letter-spacing:.04em}.config-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.config-option{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.config-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.config-option.selected{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.cart-page{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.cart-page h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-8)}.cart-empty{text-align:center;padding:var(--space-16) 0;color:var(--color-text-muted)}.cart-empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.3}.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);align-items:center}.cart-item-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-warm)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.cart-item-info p{font-size:var(--text-sm);color:var(--color-text-muted)}.cart-item-qty{display:flex;align-items:center;gap:var(--space-2)}.cart-item-qty button{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.cart-item-qty button:hover{border-color:var(--color-primary);color:var(--color-primary)}.cart-item-qty span{min-width:32px;text-align:center;font-weight:500}.cart-item-total{font-weight:600;color:var(--color-primary);text-align:right}.cart-summary{margin-top:var(--space-8);text-align:right}.cart-summary-line{display:flex;justify-content:flex-end;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-base)}.cart-summary-line.total{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-4)}.auth-card{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.auth-card h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:var(--space-2)}.auth-card p{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}.auth-alt{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-6)}.auth-alt a{color:var(--color-primary);font-weight:500}.auth-alt a:hover{color:var(--color-accent)}.stripe-form{margin-top:var(--space-6)}#card-element{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white)}#card-errors{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:90%;max-height:80vh;overflow-y:auto;animation:fadeInScale .3s ease}.loading{display:flex;justify-content:center;padding:var(--space-16) 0}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:3000;padding:var(--space-4) var(--space-6);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:fadeInUp .3s ease;max-width:360px}.toast.error{background:var(--color-error)}.toast.success{background:var(--color-success)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.process-step{text-align:center;padding:var(--space-6)}.process-step-number{width:48px;height:48px;margin:0 auto var(--space-4);border-radius:50%;background:var(--color-bg-warm);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary);transition:all var(--transition-base)}.process-step:hover .process-step-number{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.process-step h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.process-step p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}@media (max-width: 768px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.process-steps{grid-template-columns:1fr}}.order-confirm{text-align:center;padding:var(--space-16) var(--space-6);max-width:600px;margin:0 auto}.order-confirm-icon{width:64px;height:64px;margin:0 auto var(--space-6);background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}.order-confirm h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4)}.order-confirm p{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.about-section{max-width:var(--max-width);margin:0 auto;padding:var(--space-12) var(--space-6)}.about-hero{text-align:center;padding:var(--space-16) 0}.about-hero h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-6)}.about-hero p{max-width:640px;margin:0 auto;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:2}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12)}.about-value{text-align:center;padding:var(--space-8);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.about-value-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:.6}.about-value h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-3)}.about-value p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.8}@media (max-width: 768px){.about-values{grid-template-columns:1fr}}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - var(--header-height))}.admin-sidebar{background:var(--color-primary-dark);padding:var(--space-6) 0;color:#ffffffb3}.admin-sidebar h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);padding:0 var(--space-6);margin-bottom:var(--space-6);letter-spacing:.08em}.admin-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:#fff9;transition:all var(--transition-fast);border-left:2px solid transparent}.admin-nav a:hover,.admin-nav a.active{color:var(--color-white);background:#ffffff0f;border-left-color:var(--color-accent)}.admin-main{background:var(--color-bg);padding:var(--space-8)}.admin-main h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-6)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.admin-stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border-light)}.admin-stat-card h4{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.admin-stat-card .stat-number{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);font-family:var(--font-display)}.admin-table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light)}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light)}.admin-table th{background:var(--color-bg-warm);font-weight:600;color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.admin-table tr:hover td{background:var(--color-bg)}.admin-table .actions{display:flex;gap:var(--space-2)}.admin-table .btn-icon{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.status-badge{display:inline-block;padding:2px 10px;font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:500}.status-badge.pending{background:#fff3e0;color:#e65100}.status-badge.paid{background:#e8f5e9;color:#2e7d32}.status-badge.shipped{background:#e3f2fd;color:#1565c0}.status-badge.completed{background:#f3e5f5;color:#6a1b9a}.status-badge.cancelled{background:#ffebee;color:#c62828}.admin-form{max-width:600px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-border-light)}.admin-form .form-group{margin-bottom:var(--space-5)}.admin-form .form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.admin-form .form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.admin-form .form-input:focus{border-color:var(--color-primary)}.admin-form .form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}@media (max-width: 768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}}