@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease}.auth-modal-container{max-height:92vh;overflow-y:auto;border-radius:16px;box-shadow:0 24px 80px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.auth-modal-body{display:flex;background:#fff;border-radius:16px;overflow:hidden}.auth-signin{width:720px;min-height:520px}.auth-register,.auth-forgot{width:480px}.auth-welcome-panel{width:280px;flex-shrink:0;background:linear-gradient(180deg,#06b6d4,#0ea5e9);color:#fff;padding:40px 28px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.welcome-title{font-size:28px;font-weight:800;margin-bottom:12px}.welcome-offer{font-size:16px;font-weight:600;line-height:1.5;margin-bottom:20px}.welcome-terms{font-size:12px;opacity:.85;line-height:1.5}.welcome-terms a{color:#fff;text-decoration:underline}.welcome-illustration{display:flex;justify-content:center;margin-top:20px}.illustration-circle{width:120px;height:120px;background:#ffffff26;border-radius:50%}.auth-form-panel{flex:1;padding:32px 36px;position:relative}.auth-form-panel.full-width{max-width:480px}.auth-close-btn{position:absolute;top:16px;right:20px;width:32px;height:32px;border:none;background:none;font-size:24px;color:#94a3b8;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-close-btn:hover{background:#f1f5f9;color:#1e293b}.auth-form-title{font-size:22px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:20px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.brand-icon{font-size:28px}.brand-text{font-size:22px;font-weight:800;color:#1e293b}.auth-tabs{display:flex;justify-content:center;gap:0;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.auth-tab{background:none;border:none;padding:8px 18px 10px;font-size:14px;font-weight:500;color:#94a3b8;cursor:pointer;position:relative;transition:color .2s}.auth-tab.active{color:#1e293b;font-weight:600}.auth-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#1e293b}.auth-tab:hover:not(.active){color:#64748b}.auth-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fecaca}.auth-success{background:#f0fdf4;color:#16a34a;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #bbf7d0}.auth-form{display:flex;flex-direction:column;gap:16px}.input-row{display:flex;gap:12px}.input-row .input-group{flex:1}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;transition:border-color .2s,box-shadow .2s;background:#fff}.input-group input::placeholder{color:#cbd5e1}.input-group input:focus{outline:none;border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1a}.password-input-wrapper,.code-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input,.code-input-wrapper input{padding-right:48px}.toggle-password{position:absolute;right:12px;background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;transition:opacity .2s;padding:4px}.toggle-password:hover{opacity:1}.code-input-wrapper{gap:8px}.code-input-wrapper input{flex:1;padding-right:14px}.send-code-btn{flex-shrink:0;padding:10px 16px;border:1.5px solid #f43f5e;border-radius:10px;background:#fff;color:#f43f5e;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.send-code-btn:hover:not(:disabled){background:#fff1f2}.send-code-btn:disabled{border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.auth-options{display:flex;justify-content:flex-end}.forgot-link{font-size:13px;color:#3b82f6;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;cursor:pointer}.auth-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#f43f5e}.auth-checkbox a{color:#3b82f6;text-decoration:none}.auth-checkbox a:hover{text-decoration:underline}.auth-btn.primary{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;box-shadow:0 4px 14px #f43f5e4d}.auth-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e66}.auth-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider-section{margin-top:20px;text-align:center}.create-account-link{background:none;border:none;color:#f43f5e;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;margin-bottom:14px;display:inline-block}.create-account-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:14px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{font-size:12px;color:#94a3b8;font-weight:600}.social-buttons{display:flex;justify-content:center;gap:16px}.social-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.social-btn:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.social-btn:disabled{opacity:.4;cursor:not-allowed}.password-strength{display:flex;align-items:center;gap:10px}.strength-bar{flex:1;display:flex;gap:4px;height:5px}.strength-segment{flex:1;border-radius:3px;background:#e2e8f0;transition:background-color .3s}.strength-label{font-size:12px;font-weight:600;white-space:nowrap}.auth-switch{text-align:center;font-size:13px;color:#64748b;margin-top:20px}.auth-switch a{color:#f43f5e;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-desc{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:8px}.auth-desc.center{text-align:center}.success-icon{text-align:center;font-size:48px;margin-bottom:16px}.user-menu-wrapper{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;color:inherit;font-size:inherit}.user-btn:hover{background:#0000000d}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.user-name{font-weight:600;font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #e2e8f0;padding:8px 0;z-index:1000;animation:fadeIn .15s ease}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 18px;background:none;border:none;font-size:14px;color:#334155;text-decoration:none;cursor:pointer;transition:background .15s}.user-dropdown a:hover,.user-dropdown button:hover{background:#f8fafc}.user-dropdown a svg,.user-dropdown button svg{width:18px;height:18px;color:#94a3b8}.user-dropdown .dropdown-divider{height:1px;background:#e2e8f0;margin:4px 0}.user-dropdown .logout-btn{color:#ef4444}.user-dropdown .logout-btn svg{color:#ef4444}.reg-steps{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:24px;position:relative}.reg-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#e2e8f0;color:#94a3b8;position:relative;z-index:2;transition:all .3s ease}.reg-step-dot.active{background:#f43f5e;color:#fff}.reg-step-dot.current{box-shadow:0 0 0 4px #f43f5e33}.reg-step-dot svg{color:#fff}.reg-step-line{position:absolute;top:50%;left:calc(50% - 48px);width:96px;height:3px;background:#e2e8f0;transform:translateY(-50%);z-index:1;border-radius:2px;overflow:hidden}.reg-step-line-fill{height:100%;background:#f43f5e;border-radius:2px;transition:width .4s ease}.auth-btn-link{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:8px 0;text-align:center;width:100%;transition:color .2s}.auth-btn-link:hover{color:#f43f5e}@media (max-width: 768px){.auth-signin{flex-direction:column;width:92vw;max-width:440px}.auth-welcome-panel{width:100%;padding:24px 20px;min-height:auto}.auth-register,.auth-forgot{width:92vw;max-width:440px}.auth-form-panel{padding:24px 20px}}.header{position:sticky;top:0;z-index:1000;background:var(--bg-white);box-shadow:var(--shadow-md)}.header-top{border-bottom:1px solid #f0f0f0;padding:16px 0}.header-top .header-top-inner{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo .logo-icon{font-size:28px}.logo .logo-text{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.search-bar{flex:1;max-width:560px;position:relative}.search-bar input{width:100%;height:44px;border:2px solid #e5e7eb;border-radius:8px;padding:0 50px 0 18px;font-size:15px;color:var(--text-primary);background:#f9fafb;transition:all var(--transition-fast);outline:none;font-family:inherit}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #ff6b6b1a}.search-bar .search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:var(--color-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--transition-fast)}.search-bar .search-btn:hover{background:var(--color-primary-dark)}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-actions .action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;transition:all var(--transition-fast);white-space:nowrap}.header-actions .action-btn:hover{background:#f3f4f6;color:var(--text-primary)}.header-actions .lang-btn span{font-size:13px;display:inline-flex;align-items:center;line-height:1}.header-actions .lang-btn .lang-flag{font-size:18px;line-height:1;transform:translateY(-2px)}.header-actions .lang-dropdown-wrapper{position:relative}.header-actions .lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;border:1px solid #e5e7eb;min-width:220px;max-height:400px;overflow-y:auto;z-index:1001;padding:6px 0;animation:langDropdownFadeIn .2s ease}.header-actions .lang-dropdown::-webkit-scrollbar{width:6px}.header-actions .lang-dropdown::-webkit-scrollbar-track{background:transparent}.header-actions .lang-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.header-actions .lang-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.header-actions .lang-dropdown .lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .15s;text-align:left}.header-actions .lang-dropdown .lang-option:hover{background:#f3f4f6;color:var(--text-primary)}.header-actions .lang-dropdown .lang-option.active{color:var(--color-primary);font-weight:600;background:#ff6b6b0d}.header-actions .lang-dropdown .lang-option .lang-flag{font-size:20px;line-height:1;flex-shrink:0}.header-actions .lang-dropdown .lang-option .lang-name{flex:1}.header-actions .lang-dropdown .lang-option .lang-check{color:var(--color-primary);flex-shrink:0}@keyframes langDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-actions .login-btn{background:var(--color-primary);color:#fff;border-radius:8px}.header-actions .login-btn:hover{background:var(--color-primary-dark);color:#fff}.header-actions .cart-btn{position:relative;text-decoration:none}.header-actions .cart-btn .cart-badge{position:absolute;top:-2px;right:-6px;min-width:18px;height:18px;background:var(--color-primary);color:#fff;border-radius:10px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.header-nav{padding:0}.header-nav .nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:0;list-style:none}.nav-links li.has-mega-menu{position:static}.nav-links li.has-mega-menu:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-links li a{display:block;padding:14px 24px;font-size:15px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);position:relative;text-decoration:none}.nav-links li a:hover,.nav-links li a.active{color:var(--color-primary)}.nav-links li a.active:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.mega-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 10px 30px #00000014;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:100;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.mega-menu .mega-menu-inner{display:flex;max-width:1400px;margin:0 auto;min-height:400px}.mega-menu .mega-col{padding:32px 0}.mega-menu .categories-col{width:240px;background:#f8f9fa;flex-shrink:0}.mega-menu .categories-col ul{list-style:none;padding:0;margin:0}.mega-menu .categories-col ul li{padding:14px 32px;color:#4a4a4a;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.mega-menu .categories-col ul li:hover,.mega-menu .categories-col ul li.active{color:var(--color-primary);background:#fff;font-weight:600}.mega-menu .categories-col ul li a{padding:0;display:inline;color:inherit}.mega-menu .categories-col ul li a:after{display:none}.mega-menu .subcols-col{flex-grow:1;padding-left:48px;padding-right:48px}.mega-menu .subcols-col .mega-title{font-size:14px;color:var(--color-primary);font-weight:700;margin:0 0 24px;letter-spacing:1px;text-transform:uppercase}.mega-menu .subcols-col .subcategories-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px}.mega-menu .subcols-col .subcategories-list li{font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px}.mega-menu .subcols-col .subcategories-list li:hover{color:var(--color-primary)}.mega-menu .subcols-col .subcategories-list li .cat-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;line-height:1}.mega-menu .subcols-col .subcategories-list li .cat-badge.hot{background:#ff4757}.mega-menu .subcols-col .subcategories-list li .cat-badge.new{background:#2ed573}.mega-menu .subcols-col .subcategories-list li a{padding:0;display:inline;color:inherit;font-size:14px;font-weight:400}.mega-menu .subcols-col .subcategories-list li a:after{display:none}.mega-menu .feature-col{width:320px;padding-right:32px;flex-shrink:0}.mega-menu .feature-col .feature-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.mega-menu .feature-col .feature-card .feature-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.mega-menu .feature-col .feature-card .feature-image img{width:100%;height:100%;object-fit:cover}.mega-menu .feature-col .feature-card .view-more-btn{width:100%;padding:12px;border:1px solid var(--text-primary);background:transparent;border-radius:64px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.mega-menu .feature-col .feature-card .view-more-btn:hover{background:var(--text-primary);color:#fff}.nav-icons{display:flex;align-items:center;gap:4px}.nav-icons .icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;transition:all var(--transition-fast);position:relative}.nav-icons .icon-btn:hover{background:#f3f4f6;color:var(--text-primary)}.nav-icons .icon-btn.has-badge .badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--color-primary);color:#fff;border-radius:10px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.hero-section{width:100%;margin-bottom:0;position:relative}.hero-banner{position:relative;min-height:480px;background:linear-gradient(135deg,#d3eefe,#feedf0);overflow:hidden;display:flex;align-items:center}.hero-inner{display:flex;align-items:center;position:relative;z-index:10;width:100%;height:100%}.hero-content{flex:1;max-width:600px;padding:60px 0}.hero-content .hero-headline{font-family:Outfit,sans-serif;font-size:56px;font-weight:900;color:#3b82f6;line-height:1.1;margin-bottom:24px;text-transform:uppercase;letter-spacing:-1px;text-shadow:2px 2px 0px rgba(255,255,255,.8)}.hero-content .hero-subtext{margin-bottom:36px;background:#fff9;padding:16px 24px;border-radius:12px;display:inline-block}.hero-content .hero-subtext p{font-size:18px;font-weight:700;color:#1f2937;line-height:1.6;margin-bottom:4px;display:flex;align-items:center}.hero-content .hero-subtext p:before{content:"✨";margin-right:8px;font-size:14px}.hero-content .hero-subtext p:last-child{margin-bottom:0}.hero-content .hero-cta{display:flex;gap:16px}.hero-content .hero-cta .btn-primary{padding:14px 40px;background:#ff3b5c;color:#fff;font-size:16px;font-weight:800;border-radius:50px;letter-spacing:.5px;transition:all var(--transition-fast);box-shadow:0 4px 16px #ff3b5c4d;border:none;cursor:pointer}.hero-content .hero-cta .btn-primary:hover{background:#e11d48;transform:translateY(-2px);box-shadow:0 6px 20px #ff3b5c66}.hero-content .hero-cta .btn-primary.btn-blue{background:#3b82f6;box-shadow:0 4px 16px #3b82f64d}.hero-content .hero-cta .btn-primary.btn-blue:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666}.promo-banner{padding:16px 0;background:#fff}.promo-banner .promo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.promo-banner .promo-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--border-radius);border:1px solid;cursor:pointer;transition:all var(--transition-fast)}.promo-banner .promo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.promo-banner .promo-card .promo-text{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.4;flex:1;padding-right:8px}.promo-banner .promo-card .promo-badge{flex-shrink:0;padding:4px 10px;border-radius:6px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.process-advantage{padding:60px 0;background:#f8fafc}.process-advantage .process-showcase{margin-bottom:0}.process-advantage .process-showcase .process-image{width:100%;border-radius:12px;overflow:hidden}.process-advantage .process-showcase .process-image .factory-visual-placeholder{width:100%;height:400px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;align-items:center;justify-content:center;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.process-advantage .process-showcase .process-image .factory-visual-placeholder:after{content:"🏭 Factory Illustration Placeholder";font-size:24px;color:#0ea5e9;font-weight:700}.category-section{padding:60px 0;background:#fff}.category-section .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-section .category-card{display:flex;flex-direction:column;justify-content:space-between;padding:24px 24px 20px;border-radius:16px;transition:all var(--transition-normal);cursor:pointer;text-decoration:none;min-height:200px}.category-section .category-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0000000d}.category-section .category-card:hover .card-arrow svg{transform:translate(4px)}.category-section .category-card:hover .placeholder-img{transform:scale(1.1) translateY(-5px)}.category-section .category-card:hover .category-img{transform:scale(1.08)}.category-section .category-card.skeleton{animation:shimmer 1.5s infinite}.category-section .category-card .card-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.category-section .category-card .card-image-wrapper .placeholder-img{font-size:80px;transition:transform var(--transition-fast)}.category-section .category-card .card-image-wrapper .category-img{width:100%;max-height:120px;object-fit:contain;transition:transform var(--transition-normal);border-radius:8px}.category-section .category-card .card-image-wrapper .skeleton-img{width:80px;height:80px;border-radius:12px;background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.category-section .category-card .card-footer{display:flex;align-items:flex-end;justify-content:space-between}.category-section .category-card .card-footer .card-name{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.2;white-space:pre-line}.category-section .category-card .card-footer .card-arrow{color:var(--text-primary);display:flex;align-items:center;justify-content:center}.category-section .category-card .card-footer .card-arrow svg{transition:transform var(--transition-fast)}.category-section .category-card .card-footer .skeleton-text{width:80px;height:20px;border-radius:4px;background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.product-section{padding:60px 0}.product-section.bg-blue{background:var(--bg-light-blue)}.product-section.bg-pink{background:var(--bg-light-pink)}.product-section .product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.product-section .product-header .section-title-decorated{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;gap:12px}.product-section .product-header .section-title-decorated .sparkle{font-size:24px}.product-section .product-header .view-all-btn{font-size:14px;font-weight:600;color:var(--text-secondary);padding:10px 28px;border:2px solid #d1d5db;border-radius:24px;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.product-section .product-header .view-all-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff6b6b0d}.product-section .product-carousel-wrapper{position:relative}.product-section .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-section .product-card{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;color:inherit}.product-section .product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.product-section .product-card:hover .card-image-content{transform:scale(1.05)}.product-section .product-card:hover .product-image{transform:scale(1.08)}.product-section .product-card .card-image{position:relative;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-section .product-card .card-image .product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-section .product-card .card-image .product-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:2}.product-section .product-card .card-image .product-badge.badge-hot{background:var(--color-primary)}.product-section .product-card .card-image .product-badge.badge-new{background:var(--color-accent-green)}.product-section .product-card .card-image .wishlist-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:2;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-section .product-card .card-image .wishlist-btn:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}.product-section .product-card .card-image .wishlist-btn.liked{background:#fff0f0}.product-section .product-card .card-image .card-image-content{transition:transform var(--transition-normal)}.product-section .product-card .card-info{padding:16px 18px 20px}.product-section .product-card .card-info .product-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-section .product-card .card-info .product-price{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:var(--color-primary)}.product-section .product-card .card-info .product-price del{font-size:14px;color:var(--text-muted);font-weight:400;margin-right:8px}.product-section .product-card .card-info .product-price ins{text-decoration:none}.product-section .skeleton-card .skeleton-image{height:220px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.product-section .skeleton-card .skeleton-name{width:80%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:10px}.product-section .skeleton-card .skeleton-price{width:40%;height:22px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hot-deals{padding:60px 0;background:#fff}.hot-deals .deals-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;min-height:500px}.hot-deals .deals-sidebar{display:flex;flex-direction:column;gap:0}.hot-deals .deals-sidebar .deal-main-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:32px 28px;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.hot-deals .deals-sidebar .deal-main-card h3{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;margin-bottom:12px;text-transform:uppercase}.hot-deals .deals-sidebar .deal-main-card p{font-size:14px;line-height:1.5;opacity:.9;margin-bottom:20px}.hot-deals .deals-sidebar .deal-main-card .learn-more-btn{padding:10px 28px;background:#fff;color:#2563eb;font-size:14px;font-weight:600;border-radius:8px;transition:all var(--transition-fast)}.hot-deals .deals-sidebar .deal-main-card .learn-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hot-deals .deals-sidebar .feature-list{flex:1}.hot-deals .deals-sidebar .feature-list .feature-item{padding:16px 24px;border-left:4px solid transparent;background:#f8fafc;cursor:pointer;transition:all var(--transition-fast)}.hot-deals .deals-sidebar .feature-list .feature-item:last-child{border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.hot-deals .deals-sidebar .feature-list .feature-item:hover,.hot-deals .deals-sidebar .feature-list .feature-item.active{background:#fff;border-left-color:var(--accent);box-shadow:var(--shadow-sm)}.hot-deals .deals-sidebar .feature-list .feature-item:hover h4,.hot-deals .deals-sidebar .feature-list .feature-item.active h4{color:var(--accent)}.hot-deals .deals-sidebar .feature-list .feature-item h4{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px;transition:color var(--transition-fast);text-transform:uppercase}.hot-deals .deals-sidebar .feature-list .feature-item p{font-size:12px;color:var(--text-muted);line-height:1.4}.hot-deals .deals-visual{border-radius:var(--border-radius-lg);overflow:hidden}.hot-deals .deals-visual .deal-image-container{width:100%;height:100%;background:linear-gradient(135deg,#dbeafe,#93c5fd,#3b82f6);padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative}.hot-deals .deals-visual .deal-image-container .deal-badge-moq{position:absolute;top:24px;right:24px;background:#fbbf24;color:var(--text-primary);padding:12px 20px;border-radius:var(--border-radius);font-weight:700;text-align:center;box-shadow:var(--shadow-md)}.hot-deals .deals-visual .deal-image-container .deal-badge-moq .moq-label{font-size:14px;display:block}.hot-deals .deals-visual .deal-image-container .deal-badge-moq .moq-value{font-family:Outfit,sans-serif;font-size:36px;font-weight:900;display:block;line-height:1}.hot-deals .deals-visual .deal-image-container .deal-badge-moq .moq-unit{font-size:12px;display:block}.hot-deals .deals-visual .deal-image-container .deal-main-text{margin-bottom:24px}.hot-deals .deals-visual .deal-image-container .deal-main-text .arrow-up{font-size:48px;color:#1d4ed8;display:block;margin-bottom:8px}.hot-deals .deals-visual .deal-image-container .deal-main-text h2{font-family:Outfit,sans-serif;font-size:42px;font-weight:900;color:var(--text-primary);text-transform:uppercase;line-height:1.1;letter-spacing:-1px}.hot-deals .deals-visual .deal-image-container .deal-discount-tags{display:flex;gap:12px}.hot-deals .deals-visual .deal-image-container .deal-discount-tags .tag{padding:8px 20px;background:#000000b3;color:#fbbf24;border-radius:8px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hot-deals .deals-visual .deal-image-container .deal-product-showcase{position:absolute;bottom:40px;right:40px}.hot-deals .deals-visual .deal-image-container .deal-product-showcase .showcase-badge{background:var(--color-primary);color:#fff;padding:20px 28px;border-radius:50%;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;text-align:center;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);animation:pulse 2s ease-in-out infinite}.hot-deals .deals-visual .deal-image-container .deal-product-showcase .showcase-badge small{font-size:10px;font-weight:500;opacity:.9}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.shop-with-ease{padding:60px 0;background:var(--bg-cream)}.shop-with-ease .ease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shop-with-ease .ease-card{background:#fff;border-radius:var(--border-radius-lg);padding:32px 28px;text-align:center;transition:all var(--transition-normal);border:2px solid transparent}.shop-with-ease .ease-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--card-accent)}.shop-with-ease .ease-card:hover .ease-icon{transform:scale(1.2) rotate(5deg)}.shop-with-ease .ease-card .ease-icon{font-size:44px;margin-bottom:16px;transition:transform var(--transition-fast)}.shop-with-ease .ease-card .ease-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.shop-with-ease .ease-card .ease-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.reviews-section{padding:60px 0;background:#fff}.reviews-section .reviews-container{background:linear-gradient(180deg,#3fa9f5,#68c1ff);border-radius:24px;padding:40px;position:relative;overflow:hidden}.reviews-section .reviews-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:2}.reviews-section .reviews-col{display:flex;flex-direction:column;gap:24px}.reviews-section .review-summary-block{background:transparent;color:#fff;padding:10px 0}.reviews-section .review-summary-block .summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.reviews-section .review-summary-block .summary-header h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;margin:0}.reviews-section .review-summary-block .summary-header .verified-badge{background:#10b981;color:#fff;font-size:11px;padding:4px 10px;border-radius:12px;font-weight:600}.reviews-section .review-summary-block .summary-stats{display:flex;flex-direction:column;gap:12px}.reviews-section .review-summary-block .summary-stats .stat-row{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:500}.reviews-section .review-summary-block .summary-stats .stat-row span:first-child{width:140px}.reviews-section .review-summary-block .summary-stats .stat-row .stars{color:#ff5a5f;letter-spacing:2px}.reviews-section .review-summary-block .summary-stats .stat-row .score{font-size:20px;font-weight:800;font-family:Outfit,sans-serif}.reviews-section .review-card{background:#fff;border-radius:16px;padding:24px;transition:all var(--transition-normal);box-shadow:0 4px 12px #0000000d}.reviews-section .review-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.reviews-section .review-card .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviews-section .review-card .review-header .reviewer-info{display:flex;flex-direction:column}.reviews-section .review-card .review-header .reviewer-info .reviewer-name{font-size:15px;font-weight:700;color:var(--text-primary)}.reviews-section .review-card .review-header .reviewer-info .review-loc{font-size:12px;color:var(--text-muted);margin-top:2px}.reviews-section .review-card .review-header .review-stars .star{font-size:14px;color:#d1d5db}.reviews-section .review-card .review-header .review-stars .star.filled{color:#ff5a5f}.reviews-section .review-card .review-text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.reviews-section .review-card .review-images{display:flex;gap:10px}.reviews-section .review-card .review-images .review-img{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0}.reviews-section .view-all-wrapper{display:flex;justify-content:flex-start;margin-top:10px}.reviews-section .view-all-wrapper .view-all-btn{background:#fff3;color:#fff;border:2px solid white;padding:8px 32px;border-radius:20px;font-size:14px;font-weight:600;transition:all .2s}.reviews-section .view-all-wrapper .view-all-btn:hover{background:#fff;color:#3fa9f5}.footer{background:var(--footer-bg);color:var(--footer-text);padding-top:60px;position:relative}.footer .footer-main{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}.footer .footer-brand .footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:16px}.footer .footer-brand .footer-logo .logo-icon{font-size:28px}.footer .footer-brand .footer-logo .logo-text{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:#fff}.footer .footer-brand .brand-desc{font-size:14px;line-height:1.6;margin-bottom:24px;color:var(--footer-text)}.footer .footer-brand .social-icons{display:flex;gap:10px}.footer .footer-brand .social-icons .social-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--footer-text);transition:all var(--transition-fast)}.footer .footer-brand .social-icons .social-icon:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer .footer-links .link-column h4{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.footer .footer-links .link-column ul li{margin-bottom:10px}.footer .footer-links .link-column ul li a{font-size:14px;color:var(--footer-text);transition:all var(--transition-fast)}.footer .footer-links .link-column ul li a:hover{color:#fff;padding-left:4px}.footer .footer-bottom{padding:20px 0}.footer .footer-bottom .container{display:flex;align-items:center;justify-content:space-between}.footer .footer-bottom p{font-size:13px;color:#94a3b899}.footer .footer-bottom .payment-icons{display:flex;gap:12px;font-size:20px;opacity:.5}.footer .cs-widget{position:fixed;bottom:32px;right:32px;z-index:999}.footer .cs-widget .cs-btn{width:56px;height:56px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #ff6b6b59;transition:all var(--transition-fast)}.footer .cs-widget .cs-btn:hover{transform:scale(1.1);box-shadow:0 8px 28px #ff6b6b80}.shop-page{padding:24px 0 60px}.shop-page .breadcrumb{font-size:14px;color:#666;margin-bottom:24px}.shop-page .breadcrumb span:last-child{color:#333;font-weight:500}.shop-page .shop-layout{display:flex;gap:32px;align-items:flex-start}.shop-page .shop-sidebar{width:260px;flex-shrink:0}.shop-page .shop-sidebar .sidebar-menu{list-style:none;padding:0;margin:0;border:1px solid #eaeaea;border-radius:8px;overflow:hidden}.shop-page .shop-sidebar .sidebar-menu .menu-item{padding:16px 20px;font-weight:600;color:#333;border-bottom:1px solid #eaeaea;cursor:pointer;position:relative;background:#fff}.shop-page .shop-sidebar .sidebar-menu .menu-item:last-child{border-bottom:none}.shop-page .shop-sidebar .sidebar-menu .menu-item.has-dropdown:after{content:"";position:absolute;right:20px;top:24px;border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.shop-page .shop-sidebar .sidebar-menu .menu-item.active .submenu{display:block}.shop-page .shop-sidebar .sidebar-menu .menu-item.active:after{transform:rotate(-135deg);top:26px}.shop-page .shop-sidebar .sidebar-menu .submenu{display:none;list-style:none;padding:12px 0 0;margin:0 -20px -16px;background:#f8f9fa}.shop-page .shop-sidebar .sidebar-menu .submenu li{padding:12px 20px 12px 40px;font-weight:400;color:#666;font-size:14px}.shop-page .shop-sidebar .sidebar-menu .submenu li:hover,.shop-page .shop-sidebar .sidebar-menu .submenu li.active{color:#06f;background:#f0f7ff}.shop-page .shop-main{flex-grow:1;min-width:0}.shop-page .shop-main .category-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 24px}.shop-page .shop-main .category-banner{display:flex;gap:32px;padding:24px;background:#fdfaf6;border-radius:12px;margin-bottom:32px}.shop-page .shop-main .category-banner .banner-image{width:380px;height:240px;flex-shrink:0;border-radius:12px;overflow:hidden;position:relative}.shop-page .shop-main .category-banner .banner-image img{width:100%;height:100%;object-fit:cover}.shop-page .shop-main .category-banner .banner-image .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.shop-page .shop-main .category-banner .banner-image .play-btn svg{width:24px;height:24px;color:#333;margin-left:4px}.shop-page .shop-main .category-banner .banner-info p{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0 0 16px}.shop-page .shop-main .category-banner .banner-info .reviews-rating{margin-top:24px;display:flex;align-items:center;gap:12px}.shop-page .shop-main .category-banner .banner-info .reviews-rating .stars{color:#ff4757;font-size:18px;letter-spacing:2px}.shop-page .shop-main .category-banner .banner-info .reviews-rating .count{font-size:14px;color:#666}.shop-page .shop-main .shop-tabs{display:flex;gap:32px;border-bottom:1px solid #eaeaea;margin-bottom:24px}.shop-page .shop-main .shop-tabs .tab-btn{background:none;border:none;padding:0 0 12px;font-size:16px;font-weight:600;color:#666;cursor:pointer;position:relative}.shop-page .shop-main .shop-tabs .tab-btn.active{color:#333}.shop-page .shop-main .shop-tabs .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#06f;border-radius:3px 3px 0 0}.shop-page .shop-main .filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.shop-page .shop-main .filter-bar .sort-label{font-size:14px;color:#666}.shop-page .shop-main .filter-bar .sort-buttons{display:flex;gap:8px}.shop-page .shop-main .filter-bar .sort-buttons .sort-btn{padding:6px 16px;border:1px solid #eaeaea;background:#fff;border-radius:20px;font-size:14px;color:#666;cursor:pointer}.shop-page .shop-main .filter-bar .sort-buttons .sort-btn.active{border-color:#06f;color:#06f;background:#f0f7ff}.shop-page .shop-main .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.shop-page .shop-main .product-grid .product-card .card-image{position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5;aspect-ratio:1;margin-bottom:16px}.shop-page .shop-main .product-grid .product-card .card-image img{width:100%;height:100%;object-fit:cover}.shop-page .shop-main .product-grid .product-card .card-image .badge{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;z-index:10}.shop-page .shop-main .product-grid .product-card .card-image .badge.hot{background:#ff4757}.shop-page .shop-main .product-grid .product-card .card-image .badge.new{background:#2ed573}.shop-page .shop-main .product-grid .product-card .card-image .wishlist-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#999}.shop-page .shop-main .product-grid .product-card .card-image .wishlist-btn:hover{color:#ff4757}.shop-page .shop-main .product-grid .product-card .card-image .wishlist-btn svg{width:18px;height:18px}.shop-page .shop-main .product-grid .product-card .card-content .product-title{font-size:14px;font-weight:500;color:#333;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-page .shop-main .product-grid .product-card .card-content .product-prices{display:flex;align-items:center;gap:8px}.shop-page .shop-main .product-grid .product-card .card-content .product-prices .price-old{font-size:14px;color:#999;text-decoration:line-through}.shop-page .shop-main .product-grid .product-card .card-content .product-prices .price-new{font-size:18px;font-weight:600;color:#ff4757}@media (max-width: 1200px){.shop-page .shop-main .product-grid{grid-template-columns:repeat(3,1fr)}}.product-detail-page{background-color:#fff;padding-bottom:60px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.product-detail-page .skeleton-breadcrumb .skeleton-text-sm{height:14px;width:250px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.product-detail-page .skeleton-thumb{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%)!important;background-size:400px 100%!important;animation:shimmer 1.5s infinite;width:80px;height:80px;border-radius:8px}.product-detail-page .skeleton-main-img{flex:1;aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:12px}.product-detail-page .skeleton-title{height:32px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:16px}.product-detail-page .skeleton-price{height:28px;width:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:24px}.product-detail-page .skeleton-block{height:200px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:12px;margin-bottom:24px}.product-detail-page .skeleton-block-sm{height:100px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:12px}.product-detail-page .error-state{text-align:center;padding:80px 20px}.product-detail-page .error-state h2{font-size:28px;color:#1a1a1a;margin-bottom:12px}.product-detail-page .error-state p{color:#666;margin-bottom:24px}.product-detail-page .error-state .back-to-shop-btn{display:inline-block;padding:12px 32px;background:#06f;color:#fff;border-radius:24px;text-decoration:none;font-weight:600;transition:background .2s}.product-detail-page .error-state .back-to-shop-btn:hover{background:#0052cc}.product-detail-page .breadcrumb{font-size:14px;color:#666;padding:24px 0}.product-detail-page .breadcrumb a{color:#666;text-decoration:none}.product-detail-page .breadcrumb a:hover{color:#06f}.product-detail-page .breadcrumb .sep{margin:0 8px;color:#999}.product-detail-page .breadcrumb .current{color:#333;font-weight:500}.product-detail-page .product-main{display:flex;gap:40px;align-items:flex-start;margin-bottom:60px}.product-detail-page .product-gallery{flex:1;display:flex;gap:20px;position:sticky;top:24px}.product-detail-page .product-gallery .thumbnails{display:flex;flex-direction:column;gap:12px;width:80px}.product-detail-page .product-gallery .thumbnails .thumbnail-item{width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s}.product-detail-page .product-gallery .thumbnails .thumbnail-item:hover,.product-detail-page .product-gallery .thumbnails .thumbnail-item.active{border-color:#06f}.product-detail-page .product-gallery .thumbnails .thumbnail-item img{width:100%;height:100%;object-fit:cover}.product-detail-page .product-gallery .main-image{flex:1;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f8f9fa;position:relative}.product-detail-page .product-gallery .main-image img{width:100%;height:100%;object-fit:contain}.product-detail-page .product-gallery .main-image .image-actions{position:absolute;bottom:16px;left:16px;display:flex;gap:12px}.product-detail-page .product-gallery .main-image .image-actions .action-btn{width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;box-shadow:0 2px 8px #0000001a;transition:all .2s}.product-detail-page .product-gallery .main-image .image-actions .action-btn:hover{color:#ff4757;background:#fff}.product-detail-page .product-info{flex:1;min-width:0}.product-detail-page .product-info .product-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.3}.product-detail-page .product-info .product-price{display:flex;align-items:center;gap:12px;margin-bottom:24px}.product-detail-page .product-info .product-price .price-old{font-size:18px;color:#666;text-decoration:line-through}.product-detail-page .product-info .product-price .price-new{font-size:28px;font-weight:700;color:#ff4757}.product-detail-page .product-info .product-price .price-note{font-size:14px;color:#999}.product-detail-page .product-info .discount-table{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:24px}.product-detail-page .product-info .discount-table .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:#333}.product-detail-page .product-info .discount-table .table-header .show-detail{font-size:13px;color:#666;display:flex;align-items:center;gap:4px;cursor:pointer;font-weight:400}.product-detail-page .product-info .discount-table .table-header .show-detail svg{width:14px;height:14px}.product-detail-page .product-info .discount-table table{width:100%;border-collapse:collapse;text-align:center;font-size:14px;background:#fff;border-radius:8px;overflow:hidden}.product-detail-page .product-info .discount-table table th{background:#f0f7ff;color:#333;font-weight:500;padding:12px}.product-detail-page .product-info .discount-table table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#666}.product-detail-page .product-info .discount-table table td:last-child{color:#333;font-weight:500}.product-detail-page .product-info .discount-table table td svg{width:16px;height:16px;color:#06f}.product-detail-page .product-info .discount-table table tr:last-child td{border-bottom:none}.product-detail-page .product-info .discount-table .stock-note{font-size:13px;color:#ff4757;margin-top:12px}.product-detail-page .product-info .process-info{margin-bottom:24px;font-size:14px;color:#666}.product-detail-page .product-info .process-info .process-line{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#333}.product-detail-page .product-info .process-info .process-line strong{font-weight:600}.product-detail-page .product-info .process-info .process-line svg{width:16px;height:16px;color:#999}.product-detail-page .product-info .process-info .shipping-time{line-height:1.6}.product-detail-page .product-info .shipping-destination{margin-bottom:20px}.product-detail-page .product-info .shipping-destination label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.product-detail-page .product-info .shipping-destination .select-box{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;cursor:pointer;background:#fff}.product-detail-page .product-info .shipping-destination .select-box svg{margin-left:auto;width:16px;height:16px;color:#666}.product-detail-page .product-info .shipping-methods{margin-bottom:32px}.product-detail-page .product-info .shipping-methods label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.product-detail-page .product-info .shipping-methods .method-item{display:flex;align-items:center;margin-bottom:8px;border:1px solid #ddd;border-radius:8px;padding:12px 16px;cursor:pointer;transition:border-color .2s}.product-detail-page .product-info .shipping-methods .method-item:hover{border-color:#06f}.product-detail-page .product-info .shipping-methods .method-item.disabled{background:#f5f5f5;opacity:.6;cursor:not-allowed}.product-detail-page .product-info .shipping-methods .method-item.disabled:hover{border-color:#ddd}.product-detail-page .product-info .shipping-methods .method-item input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:#0066ff}.product-detail-page .product-info .shipping-methods .method-item label{flex:1;display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer}.product-detail-page .product-info .shipping-methods .method-item label .method-name{font-weight:500;margin-bottom:4px;color:#333}.product-detail-page .product-info .shipping-methods .method-item label .method-desc{font-size:12px;color:#666;font-weight:400}.product-detail-page .product-info .shipping-methods .method-item label .method-price{font-weight:600;color:#333}.product-detail-page .product-info .options-section{margin-bottom:32px}.product-detail-page .product-info .options-section .spec-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.product-detail-page .product-info .options-section .option-group{margin-bottom:24px}.product-detail-page .product-info .options-section .option-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.product-detail-page .product-info .options-section .option-group .option-buttons{display:flex;flex-wrap:wrap;gap:12px}.product-detail-page .product-info .options-section .option-group .option-buttons.text-buttons button{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.product-detail-page .product-info .options-section .option-group .option-buttons.text-buttons button:hover{border-color:#06f;color:#06f}.product-detail-page .product-info .options-section .option-group .option-buttons.text-buttons button.active{border-color:#06f;background:#f0f7ff;color:#06f;font-weight:600}.product-detail-page .product-info .options-section .option-group .option-buttons.image-buttons .image-btn{width:70px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.product-detail-page .product-info .options-section .option-group .option-buttons.image-buttons .image-btn img{width:60px;height:60px;border-radius:6px;border:2px solid #ddd;padding:2px;transition:border-color .2s}.product-detail-page .product-info .options-section .option-group .option-buttons.image-buttons .image-btn span{font-size:12px;color:#666;text-align:center;line-height:1.2}.product-detail-page .product-info .options-section .option-group .option-buttons.image-buttons .image-btn:hover img,.product-detail-page .product-info .options-section .option-group .option-buttons.image-buttons .image-btn.active img{border-color:#06f}.product-detail-page .product-info .options-section .option-group .option-buttons.image-buttons .image-btn.active span{color:#06f;font-weight:500}.product-detail-page .product-info .product-action-buttons{display:flex;gap:12px;margin-bottom:16px}.product-detail-page .product-info .upload-btn{flex:1;padding:14px 16px;background:#ff4757;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.product-detail-page .product-info .upload-btn:hover{background:#f34}.product-detail-page .product-info .add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:#333;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.product-detail-page .product-info .add-to-cart-btn:hover{background:#1a1a1a;transform:translateY(-1px)}.product-detail-page .product-info .cart-toast{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.product-detail-page .product-info .product-tabs{display:flex;gap:24px;border-bottom:2px solid #f0f0f0;margin-bottom:24px}.product-detail-page .product-info .product-tabs button{background:none;border:none;padding:0 0 12px;font-size:16px;font-weight:600;color:#666;cursor:pointer;position:relative}.product-detail-page .product-info .product-tabs button.active{color:#06f}.product-detail-page .product-info .product-tabs button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#06f}.product-detail-page .product-info .tab-content{padding:16px 0}.product-detail-page .product-info .tab-content .short-desc,.product-detail-page .product-info .tab-content .full-desc{font-size:14px;color:#4a4a4a;line-height:1.7;margin-bottom:20px}.product-detail-page .product-info .tab-content .short-desc p,.product-detail-page .product-info .tab-content .full-desc p{margin-bottom:12px}.product-detail-page .product-info .tab-content .short-desc img,.product-detail-page .product-info .tab-content .full-desc img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}.product-detail-page .product-info .tab-content p{font-size:14px;color:#666;line-height:1.6}.product-detail-page .product-info .accordion .accordion-item{border:1px solid #eaeaea;border-radius:8px;margin-bottom:12px;overflow:hidden}.product-detail-page .product-info .accordion .accordion-item .accordion-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#fdfaf6;cursor:pointer;font-weight:600;color:#333;font-size:15px}.product-detail-page .product-info .accordion .accordion-item .accordion-header svg{width:18px;height:18px;color:#666;transform:rotate(180deg)}.product-detail-page .product-info .accordion .accordion-item .accordion-content{padding:20px;background:#fff;border-top:1px solid #eaeaea}.product-detail-page .product-info .accordion .accordion-item .accordion-content img{max-width:100%;height:auto;display:block;margin:16px auto}.product-detail-page .product-info .accordion .accordion-item .accordion-content h4{margin:0 0 12px;font-size:15px;color:#333}.product-detail-page .product-info .accordion .accordion-item .accordion-content p{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.product-detail-page .product-info .accordion .accordion-item .accordion-content ol{padding-left:20px;font-size:14px;color:#666;margin-bottom:16px}.product-detail-page .product-info .accordion .accordion-item .accordion-content ol li{margin-bottom:8px}.product-detail-page .product-info .accordion .accordion-item .accordion-content .material-images{display:flex;gap:16px}.product-detail-page .product-info .accordion .accordion-item .accordion-content .material-images img{flex:1;border-radius:8px;margin:0}.product-detail-page .product-info .accordion .accordion-item .accordion-content .lamination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-detail-page .product-info .accordion .accordion-item .accordion-content .lamination-grid .lamination-item{text-align:center}.product-detail-page .product-info .accordion .accordion-item .accordion-content .lamination-grid .lamination-item img{border-radius:50%;margin:0 auto 8px;width:80px;height:80px;object-fit:cover}.product-detail-page .product-info .accordion .accordion-item .accordion-content .lamination-grid .lamination-item span{font-size:12px;color:#666}.product-detail-page .related-products{margin-top:60px}.product-detail-page .related-products h2{text-align:center;font-size:28px;margin-bottom:32px;color:#1a1a1a}.product-detail-page .related-products .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-detail-page .related-products .product-grid .product-card{background:#fff;border-radius:12px;overflow:hidden}.product-detail-page .related-products .product-grid .product-card .card-image{position:relative;aspect-ratio:1;background:#f5f5f5;border-radius:12px;overflow:hidden}.product-detail-page .related-products .product-grid .product-card .card-image img{width:100%;height:100%;object-fit:cover}.product-detail-page .related-products .product-grid .product-card .card-image .wishlist-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999}.product-detail-page .related-products .product-grid .product-card .card-image .wishlist-btn:hover{color:#ff4757}.product-detail-page .related-products .product-grid .product-card .card-image .wishlist-btn svg{width:18px;height:18px}.product-detail-page .related-products .product-grid .product-card .card-content{padding:16px 0}.product-detail-page .related-products .product-grid .product-card .card-content h3{font-size:14px;font-weight:500;margin:0 0 8px;color:#333}.product-detail-page .related-products .product-grid .product-card .card-content .price-new{font-size:18px;font-weight:700;color:#333}.product-detail-page .reviews-section-wrapper{margin-top:60px;text-align:center}.product-detail-page .reviews-section-wrapper h2{font-size:28px;margin-bottom:16px;color:#1a1a1a}.product-detail-page .reviews-section-wrapper .rating-summary{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.product-detail-page .reviews-section-wrapper .rating-summary .stars{color:#ff4757;font-size:24px;letter-spacing:2px}.product-detail-page .reviews-section-wrapper .rating-summary .rating-score{font-size:20px;font-weight:700;color:#333}.product-detail-page .reviews-section-wrapper .reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left;margin-bottom:32px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card{border:1px solid #eaeaea;border-radius:12px;padding:24px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-header .reviewed-by .reviewer-name{font-weight:600;color:#333;margin-right:8px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-header .reviewed-by .review-date{font-size:13px;color:#999}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-header .review-stars{color:#ff4757;font-size:16px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-text{font-size:14px;color:#4a4a4a;line-height:1.6;margin-bottom:16px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-images{display:flex;gap:12px}.product-detail-page .reviews-section-wrapper .reviews-grid .review-card .review-images img{width:60px;height:60px;border-radius:6px;object-fit:cover;cursor:pointer}.product-detail-page .reviews-section-wrapper .view-all-btn{padding:12px 32px;border:1px solid #333;border-radius:24px;background:transparent;font-size:15px;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.product-detail-page .reviews-section-wrapper .view-all-btn:hover{background:#333;color:#fff}.tutorial-center-page{background-color:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.tutorial-center-page .tutorial-main{flex:1;display:flex;gap:32px;padding:40px 0;align-items:flex-start}.tutorial-hero{height:320px;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tutorial-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://via.placeholder.com/1920x320/e0c3fc/ffffff?text=Anime+Abstract+Pattern);background-size:cover;background-position:center;opacity:.6}.tutorial-hero .hero-content{position:relative;z-index:2;width:100%;max-width:720px;padding:0 20px}.tutorial-hero .search-container{display:flex;align-items:center;background:#fff;border-radius:64px;padding:6px 12px 6px 32px;box-shadow:0 10px 30px #0000001a;position:relative}.tutorial-hero .search-container input{flex:1;height:56px;border:none;background:transparent;font-size:18px;color:var(--text-primary);outline:none}.tutorial-hero .search-container input::placeholder{color:#a0aec0}.tutorial-hero .search-container .search-btn{width:48px;height:48px;border-radius:50%;background:transparent;color:#a0aec0;display:flex;align-items:center;justify-content:center;transition:color .2s}.tutorial-hero .search-container .search-btn:hover{color:var(--color-primary)}.tutorial-hero .search-container .heart-btn{width:56px;height:56px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;margin-left:12px;transition:all .2s}.tutorial-hero .search-container .heart-btn:hover{background:#ffe4e6;color:#f43f5e}.tutorial-sidebar{width:280px;flex-shrink:0;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000008;overflow:hidden}.tutorial-sidebar .sidebar-accordion{display:flex;flex-direction:column}.tutorial-sidebar .accordion-item{border-bottom:1px solid #f1f5f9}.tutorial-sidebar .accordion-item:last-child{border-bottom:none}.tutorial-sidebar .accordion-item .accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:transparent;font-size:16px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .2s}.tutorial-sidebar .accordion-item .accordion-header:hover{background:#f8fafc}.tutorial-sidebar .accordion-item .accordion-header .chevron{color:#94a3b8;transition:transform .3s ease}.tutorial-sidebar .accordion-item.expanded .accordion-header .chevron{transform:rotate(180deg)}.tutorial-sidebar .accordion-item .accordion-content{padding:0 24px 20px;background:#f8fafc}.tutorial-sidebar .accordion-item .accordion-content ul{list-style:none;padding:12px 0 0;margin:0;display:flex;flex-direction:column;gap:8px}.tutorial-sidebar .accordion-item .accordion-content ul li{border-radius:8px;transition:all .2s}.tutorial-sidebar .accordion-item .accordion-content ul li a{display:block;padding:10px 16px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none}.tutorial-sidebar .accordion-item .accordion-content ul li:hover,.tutorial-sidebar .accordion-item .accordion-content ul li.active{background:#eff6ff}.tutorial-sidebar .accordion-item .accordion-content ul li:hover a,.tutorial-sidebar .accordion-item .accordion-content ul li.active a{color:var(--color-primary);font-weight:600}.tutorial-content{flex:1;min-width:0}.tutorial-content .content-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.tutorial-content .content-header .header-left .breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;margin-bottom:12px}.tutorial-content .content-header .header-left .breadcrumbs .current{color:var(--text-primary);font-weight:500}.tutorial-content .content-header .header-left .title-area{display:flex;align-items:baseline;gap:16px}.tutorial-content .content-header .header-left .title-area h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0;color:#ef4444}.tutorial-content .content-header .header-left .title-area .course-count{font-size:16px;color:#64748b;font-weight:500}.tutorial-content .content-header .sorting-toggles{display:flex;align-items:center;gap:12px}.tutorial-content .content-header .sorting-toggles .sort-label{font-size:14px;color:#64748b}.tutorial-content .content-header .sorting-toggles .sort-btn{padding:8px 24px;border-radius:64px;font-size:14px;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:var(--text-secondary);transition:all .2s;cursor:pointer}.tutorial-content .content-header .sorting-toggles .sort-btn:hover{border-color:#cbd5e1;background:#f8fafc}.tutorial-content .content-header .sorting-toggles .sort-btn.active{background:#fff;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px #2d8bf01a}.tutorial-content .tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tutorial-content .tutorial-grid .tutorial-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.tutorial-content .tutorial-grid .tutorial-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.tutorial-content .tutorial-grid .tutorial-card .card-image{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f1f5f9}.tutorial-content .tutorial-grid .tutorial-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tutorial-content .tutorial-grid .tutorial-card:hover .card-image img{transform:scale(1.05)}.tutorial-content .tutorial-grid .tutorial-card .card-body{padding:24px}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.5;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:48px}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-title .badge-inline{display:inline-block;margin-left:8px;color:#ef4444;font-weight:400}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:16px}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-footer .stats{font-size:13px;color:#64748b}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-footer .like-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:#94a3b8;transition:all .2s}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-footer .like-btn:hover{background:#f1f5f9;color:#f43f5e}.tutorial-content .tutorial-grid .tutorial-card .card-body .card-footer .like-btn.liked{color:#f43f5e}.tool-page{background:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.tool-hero{height:240px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;display:flex;align-items:center;overflow:hidden}.tool-hero .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><circle cx="40" cy="40" r="2" fill="rgba(255,255,255,0.08)"/></svg>');background-size:40px 40px}.tool-hero .hero-content{position:relative;z-index:2;color:#fff}.tool-hero .hero-content h1{font-size:40px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.tool-hero .hero-content p{font-size:18px;opacity:.85;margin:0}.tool-main{flex:1;padding-top:40px;padding-bottom:60px}.tool-tabs{display:flex;gap:12px;margin-bottom:40px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tool-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;border:none;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tool-tabs .tab-btn .tab-icon{font-size:18px}.tool-tabs .tab-btn:hover{color:var(--text-primary)}.tool-tabs .tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.section-header{margin-bottom:40px}.section-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.steps-grid .step-card{background:#fff;border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 4px 16px #0000000a;position:relative;transition:transform .3s,box-shadow .3s}.steps-grid .step-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014}.steps-grid .step-card .step-number{font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.steps-grid .step-card .step-icon{font-size:48px;margin-bottom:20px}.steps-grid .step-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.steps-grid .step-card p{font-size:14px;color:#64748b;line-height:1.6;margin:0}.steps-grid .step-card .step-connector{position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:#cbd5e1;z-index:2}.calculator-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 16px #0000000a;display:grid;grid-template-columns:1fr 1fr;gap:40px}.calculator-card .calc-form{display:flex;flex-direction:column;gap:24px}.calculator-card .calc-form .form-group{display:flex;flex-direction:column;gap:8px}.calculator-card .calc-form .form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.calculator-card .calc-form .form-group select,.calculator-card .calc-form .form-group input{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:var(--text-primary);background:#fff;transition:border-color .2s}.calculator-card .calc-form .form-group select:focus,.calculator-card .calc-form .form-group input:focus{outline:none;border-color:var(--color-primary)}.calculator-card .calc-form .form-group .field-hint{font-size:13px;color:#ef4444}.calculator-card .calc-form .calc-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s;border:none}.calculator-card .calc-form .calc-btn:hover{opacity:.9;transform:translateY(-1px)}.calculator-card .calc-result{display:flex;align-items:center;justify-content:center}.calculator-card .calc-result .result-placeholder{text-align:center;color:#94a3b8}.calculator-card .calc-result .result-placeholder svg{margin-bottom:16px}.calculator-card .calc-result .result-placeholder p{font-size:15px;line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list .faq-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000008;transition:box-shadow .2s}.faq-list .faq-item:hover,.faq-list .faq-item.expanded{box-shadow:0 4px 16px #0000000f}.faq-list .faq-item.expanded .faq-chevron{transform:rotate(180deg)}.faq-list .faq-item .faq-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:transparent;border:none;cursor:pointer;text-align:left}.faq-list .faq-item .faq-header .faq-question{font-size:16px;font-weight:600;color:var(--text-primary)}.faq-list .faq-item .faq-header .faq-chevron{color:#94a3b8;transition:transform .3s;flex-shrink:0;margin-left:16px}.faq-list .faq-item .faq-answer{padding:0 28px 24px}.faq-list .faq-item .faq-answer p{font-size:15px;color:#64748b;line-height:1.7;margin:0}.discount-page{background:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.discount-hero{height:380px;background:linear-gradient(135deg,#f43f5e,#ec4899 40%,#a855f7);position:relative;display:flex;align-items:center;overflow:hidden}.discount-hero .hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%)}.discount-hero .hero-content{position:relative;z-index:2}.discount-hero .hero-content .hero-text{max-width:600px}.discount-hero .hero-content .hero-text .hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:64px;font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}.discount-hero .hero-content .hero-text h1{font-size:48px;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.1;letter-spacing:-1px}.discount-hero .hero-content .hero-text p{font-size:18px;color:#ffffffd9;margin:0 0 28px;line-height:1.5}.discount-hero .hero-content .hero-text .hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;color:#f43f5e;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.discount-hero .hero-content .hero-text .hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.discount-main{flex:1;padding-top:60px;padding-bottom:60px}.section-title{margin-bottom:32px}.section-title h2{font-size:28px;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.section-title h2 .fire-icon,.section-title h2 .gift-icon{font-size:24px}.deals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:64px}.deals-grid .deal-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000a;transition:transform .3s,box-shadow .3s}.deals-grid .deal-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.deals-grid .deal-card .deal-image{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f1f5f9}.deals-grid .deal-card .deal-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.deals-grid .deal-card .deal-image .deal-price-badge{position:absolute;top:12px;left:12px;background:#f43f5e;color:#fff;font-size:14px;font-weight:700;padding:4px 14px;border-radius:64px}.deals-grid .deal-card:hover .deal-image img{transform:scale(1.05)}.deals-grid .deal-card .deal-body{padding:20px 24px 24px}.deals-grid .deal-card .deal-body h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.deals-grid .deal-card .deal-body p{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.5}.deals-grid .deal-card .deal-body .learn-more-btn{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.deals-grid .deal-card .deal-body .learn-more-btn:hover{opacity:.9;transform:translateY(-1px)}.more-discounts-section .more-discounts-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.more-discounts-section .discounts-list{display:flex;flex-direction:column;gap:0}.more-discounts-section .discounts-list .discount-list-item{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:#fff;border-bottom:1px solid #f1f5f9;transition:background .2s;cursor:pointer}.more-discounts-section .discounts-list .discount-list-item:first-child{border-radius:16px 16px 0 0}.more-discounts-section .discounts-list .discount-list-item:last-child{border-radius:0 0 16px 16px;border-bottom:none}.more-discounts-section .discounts-list .discount-list-item:hover{background:#fef2f2}.more-discounts-section .discounts-list .discount-list-item .item-content h4{font-size:16px;font-weight:700;color:#f43f5e;margin:0 0 4px}.more-discounts-section .discounts-list .discount-list-item .item-content p{font-size:13px;color:#64748b;margin:0}.more-discounts-section .discounts-list .discount-list-item .item-arrow{background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.more-discounts-section .discounts-list .discount-list-item .item-arrow:hover{color:#f43f5e}.more-discounts-section .discounts-illustration .illustration-placeholder{background:linear-gradient(135deg,#fce7f3,#fdf2f8,#ede9fe);border-radius:20px;height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.more-discounts-section .discounts-illustration .illustration-placeholder .promo-visual{display:flex;align-items:flex-start;gap:4px;margin-bottom:16px}.more-discounts-section .discounts-illustration .illustration-placeholder .promo-visual .big-percent{font-size:96px;font-weight:900;background:linear-gradient(135deg,#f43f5e,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.more-discounts-section .discounts-illustration .illustration-placeholder .promo-visual .big-percent sup{font-size:40px}.more-discounts-section .discounts-illustration .illustration-placeholder .promo-visual .off-text{font-size:32px;font-weight:800;color:#f43f5e;margin-top:20px}.more-discounts-section .discounts-illustration .illustration-placeholder p{font-size:16px;color:#64748b;margin:0}.about-page{background:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.about-hero{height:400px;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);position:relative;display:flex;align-items:center;overflow:hidden}.about-hero .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 70%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(236,72,153,.1) 0%,transparent 50%)}.about-hero .hero-content{position:relative;z-index:2;color:#fff;max-width:700px}.about-hero .hero-content .hero-badge{display:inline-block;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 18px;border-radius:64px;font-size:13px;font-weight:600;color:#fffc;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}.about-hero .hero-content h1{font-size:48px;font-weight:800;margin:0 0 16px;line-height:1.15;letter-spacing:-1px}.about-hero .hero-content p{font-size:18px;color:#ffffffb3;line-height:1.6;margin:0}.stats-bar{background:#fff;box-shadow:0 4px 20px #0000000a;margin-top:-40px;position:relative;z-index:3;border-radius:20px;margin-left:auto;margin-right:auto;max-width:1200px}.stats-bar .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}.stats-bar .stats-grid .stat-item{display:flex;flex-direction:column;align-items:center;padding:36px 20px;border-right:1px solid #f1f5f9}.stats-bar .stats-grid .stat-item:last-child{border-right:none}.stats-bar .stats-grid .stat-item .stat-number{font-size:36px;font-weight:800;background:linear-gradient(135deg,#f43f5e,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stats-bar .stats-grid .stat-item .stat-label{font-size:14px;color:#64748b;font-weight:500}.process-section{padding-top:80px;padding-bottom:60px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:32px;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:1px}.section-header p{font-size:16px;color:#64748b;margin:0}.video-block .video-placeholder{width:100%;height:480px;border-radius:24px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;cursor:pointer;transition:transform .3s;overflow:hidden}.video-block .video-placeholder:hover{transform:scale(1.01)}.video-block .video-placeholder:hover .play-button{transform:scale(1.1)}.video-block .video-placeholder .play-button{width:80px;height:80px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);transition:transform .3s}.video-block .video-placeholder .play-button svg{margin-left:4px}.video-block .video-placeholder .video-label{color:#ffffffb3;font-size:16px;font-weight:500}.advantages-section{padding-bottom:80px}.advantages-section .advantages-list{display:flex;flex-direction:column;gap:60px}.advantages-section .advantage-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.advantages-section .advantage-block.reversed .advantage-image{order:2}.advantages-section .advantage-block.reversed .advantage-content{order:1}.advantages-section .advantage-block .advantage-image{border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014}.advantages-section .advantage-block .advantage-image img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/2;transition:transform .5s}.advantages-section .advantage-block .advantage-image:hover img{transform:scale(1.03)}.advantages-section .advantage-block .advantage-content .advantage-icon{font-size:40px;display:block;margin-bottom:16px}.advantages-section .advantage-block .advantage-content h3{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.advantages-section .advantage-block .advantage-content p{font-size:16px;color:#64748b;line-height:1.8;margin:0}.cta-section{background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 0}.cta-section .cta-content{text-align:center}.cta-section .cta-content h2{font-size:36px;font-weight:800;color:#fff;margin:0 0 12px}.cta-section .cta-content p{font-size:18px;color:#fff9;margin:0 0 32px}.cta-section .cta-content .cta-buttons{display:flex;gap:16px;justify-content:center}.cta-section .cta-content .cta-buttons .cta-primary{padding:16px 36px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.cta-section .cta-content .cta-buttons .cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f43f5e4d}.cta-section .cta-content .cta-buttons .cta-secondary{padding:16px 36px;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s}.cta-section .cta-content .cta-buttons .cta-secondary:hover{border-color:#fff6;background:#ffffff0d}.cart-page{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f7}.cart-page .container{max-width:1280px;margin:0 auto;padding:0 24px;flex:1}.cart-page .breadcrumb{padding:16px 0;font-size:13px;color:#888;display:flex;align-items:center;gap:8px}.cart-page .breadcrumb a{color:#888;text-decoration:none;transition:color .2s}.cart-page .breadcrumb a:hover{color:#e8345e}.cart-page .breadcrumb .sep{color:#ccc;font-size:11px}.cart-page .breadcrumb .current{color:#333;font-weight:500}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.cart-empty .empty-icon{margin-bottom:24px;opacity:.5}.cart-empty h2{font-size:22px;font-weight:600;color:#333;margin:0 0 8px}.cart-empty p{font-size:14px;color:#888;margin:0 0 32px}.continue-shopping-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:#e8345e;color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s}.continue-shopping-btn:hover{background:#d42a50;transform:translateY(-1px)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;padding-bottom:48px}.cart-items-section{display:flex;flex-direction:column;gap:16px}.cart-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:14px 20px;box-shadow:0 1px 4px #0000000a}.select-all-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-label input[type=checkbox]{width:18px;height:18px;accent-color:#e8345e;cursor:pointer}.bulk-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#e8345e;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-delete-btn:hover{background:#fef2f4;border-color:#e8345e}.cart-items-list{display:flex;flex-direction:column;gap:12px}.cart-item-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s,border-color .2s;border:2px solid transparent}.cart-item-card.selected{border-color:#e8345e22;background:#fef8f9}.cart-item-card:hover{box-shadow:0 4px 16px #0000000f}.item-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#e8345e;cursor:pointer}.item-image{width:100px;height:100px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#f7f7f7}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1;min-width:0}.item-title{display:block;font-size:15px;font-weight:600;color:#333;text-decoration:none;margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.item-title:hover{color:#e8345e}.item-specs{font-size:12px;color:#999;margin-bottom:6px}.item-promo-tag{display:inline-flex;align-items:center;gap:4px;background:#fff0f3;color:#e8345e;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500}.item-promo-tag svg{stroke:#e8345e}.item-price{font-size:14px;color:#666;min-width:70px;text-align:center}.item-quantity{display:flex;align-items:center;gap:0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.qty-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9f9f9;border:none;color:#333;font-size:16px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.qty-btn:hover:not(:disabled){background:#eee}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{display:flex;align-items:center;justify-content:center;width:40px;height:32px;font-size:14px;font-weight:600;color:#333;background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.item-total{font-size:16px;font-weight:700;color:#e8345e;min-width:80px;text-align:right}.item-delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:#bbb;cursor:pointer;border-radius:8px;transition:all .2s;flex-shrink:0}.item-delete-btn:hover{color:#e8345e;background:#fef2f4}.order-summary-section{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;align-self:flex-start}.summary-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000a}.summary-card h3{font-size:18px;font-weight:700;color:#333;margin:0 0 20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#555}.summary-row.discount .discount-value{color:#10b981;font-weight:500}.summary-row .subtotal-value{font-weight:600;color:#333}.summary-row.shipping{color:#888;font-size:13px}.summary-row.total{padding-top:12px;font-size:16px;font-weight:700;color:#333}.summary-row.total .total-value{color:#e8345e;font-size:20px}.summary-divider{height:1px;background:#eee;margin:8px 0}.premium-promo{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:1px solid #ffeaa7;border-radius:10px;padding:14px;margin:16px 0}.promo-badge{background:linear-gradient(135deg,#f6a623,#e8871e);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;flex-shrink:0;letter-spacing:.5px}.promo-text strong{display:block;font-size:13px;color:#333;margin-bottom:4px}.promo-text p{font-size:12px;color:#777;margin:0;line-height:1.5}.design-now-btn{display:block;width:100%;padding:14px;background:#e8345e;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;text-align:center}.design-now-btn:hover{background:#d42a50;transform:translateY(-1px)}.trust-signals{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000a}.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#555}.trust-item svg{flex-shrink:0}@media (max-width: 960px){.cart-layout{grid-template-columns:1fr}.order-summary-section{position:static}}@media (max-width: 640px){.cart-item-card{flex-wrap:wrap;gap:12px;padding:14px}.item-image{width:80px;height:80px}.item-price,.item-total{min-width:auto}.item-details{width:100%}}.pc-page{background:#f5f6fa;min-height:100vh;display:flex;flex-direction:column}.pc-page .breadcrumb{padding:18px 0 12px;font-size:13px;color:#888;display:flex;align-items:center;gap:6px}.pc-page .breadcrumb a{color:#555;text-decoration:none}.pc-page .breadcrumb a:hover{color:#e74c3c}.pc-page .breadcrumb .sep{color:#ccc}.pc-page .breadcrumb .current{color:#333;font-weight:500}.pc-layout{display:flex;gap:24px;padding-bottom:48px}.pc-sidebar{width:220px;flex-shrink:0;background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 2px 12px #0000000a;align-self:flex-start;position:sticky;top:20px}.sidebar-title{font-size:16px;font-weight:700;color:#222;padding:0 20px 16px;border-bottom:1px solid #f0f0f0;margin-bottom:8px}.sidebar-nav{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 20px;background:transparent;border:none;font-size:14px;color:#444;cursor:pointer;transition:all .2s;text-align:left;width:100%;border-left:3px solid transparent}.sidebar-item:hover{background:#f7f8fc;color:#e74c3c}.sidebar-item.active{color:#e74c3c;background:#fef6f5;border-left-color:#e74c3c;font-weight:600}.sidebar-icon{width:18px;height:18px;display:flex;align-items:center}.sidebar-icon svg{width:18px;height:18px}.pc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.membership-card{display:flex;border-radius:14px;overflow:hidden;color:#fff;position:relative}.membership-card.senior{background:linear-gradient(135deg,#3a1c71,#d76d77 50%,#ffaf7b)}.membership-card.free{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.membership-left{flex:1;padding:28px 32px;display:flex;flex-direction:column;gap:8px}.welcome-text{font-size:22px;font-weight:700;margin:0 0 4px}.membership-label{font-size:14px;margin:0;opacity:.9}.membership-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:6px}.senior .membership-badge{background:linear-gradient(135deg,#f6d365,#fda085);color:#5a2d00}.free .membership-badge{background:#ffffff26;color:#fff}.membership-validity,.upgrade-promo{font-size:13px;opacity:.85;margin:0}.membership-interests{display:flex;align-items:center;gap:10px;margin-top:4px}.interests-label{font-size:12px;opacity:.7}.interests-icons{display:flex;gap:8px}.interest-dot{font-size:11px;background:#ffffff2e;padding:2px 10px;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.membership-action-btn{align-self:flex-start;margin-top:8px;padding:8px 28px;border-radius:24px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.senior .membership-action-btn{background:linear-gradient(135deg,#f6d365,#fda085);color:#5a2d00}.free .membership-action-btn{background:#1890ff;color:#fff}.membership-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.membership-right{width:280px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:20px}.points-summary-card{background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:18px 20px;width:100%}.points-title{font-size:13px;margin-bottom:10px}.points-title strong{font-size:22px;margin-left:6px}.points-details{list-style:none;margin:0;padding:0;font-size:12px;opacity:.85}.points-details li{margin-bottom:4px}.points-details li strong{margin-left:4px}.points-history-link{display:inline-block;margin-top:10px;font-size:12px;color:#fffc;text-decoration:underline}.points-history-link:hover{color:#fff}.pc-section{background:#fff;border-radius:12px;padding:22px 24px;box-shadow:0 2px 12px #0000000a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:16px;font-weight:700;color:#222}.view-all-link{font-size:13px;color:#e74c3c;text-decoration:none}.view-all-link:hover{text-decoration:underline}.order-tabs{display:flex;gap:0;border-bottom:2px solid #f0f0f0;margin-bottom:18px;overflow-x:auto}.order-tab{padding:10px 18px;background:transparent;border:none;font-size:13px;color:#666;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.order-tab:hover{color:#e74c3c}.order-tab.active{color:#e74c3c;border-bottom-color:#e74c3c;font-weight:600}.order-card{border:1px solid #f0f0f0;border-radius:10px;padding:16px;margin-bottom:14px}.order-card:last-child{margin-bottom:0}.order-item{display:flex;align-items:center;gap:14px;margin-bottom:12px}.order-item-img{width:72px;height:72px;border-radius:8px;object-fit:cover;background:#f9f9f9}.order-item-info{flex:1}.order-item-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.order-item-price{font-size:13px;color:#888}.order-item-total{font-size:15px;font-weight:600;color:#e74c3c}.order-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #f5f5f5}.order-action-btn{padding:7px 22px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.order-action-btn.cancel{background:#fff;border:1px solid #ddd;color:#666}.order-action-btn.cancel:hover{border-color:#e74c3c;color:#e74c3c}.order-action-btn.pay{background:#e74c3c;border:none;color:#fff;font-weight:600}.order-action-btn.pay:hover{background:#d43b2f;box-shadow:0 2px 8px #e74c3c4d}.empty-state{text-align:center;padding:40px 20px;color:#aaa;font-size:14px}.drafts-actions-top{display:flex;gap:8px}.draft-top-btn{padding:5px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.draft-top-btn.add-to-cart{background:#e74c3c;border:none;color:#fff}.draft-top-btn.add-to-cart:hover{background:#d43b2f}.draft-top-btn.buy-now{background:#ff9800;border:none;color:#fff}.draft-top-btn.buy-now:hover{background:#e68900}.draft-top-btn.delete,.draft-top-btn.select{background:#fff;border:1px solid #ddd;color:#666}.draft-top-btn.delete:hover,.draft-top-btn.select:hover{border-color:#999}.drafts-list{display:flex;flex-direction:column;gap:14px}.draft-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #f0f0f0;border-radius:10px;transition:box-shadow .2s}.draft-card:hover{box-shadow:0 2px 12px #0000000f}.draft-img{width:80px;height:80px;border-radius:8px;object-fit:cover;background:#f9f9f9}.draft-info{flex:1}.draft-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.draft-price{font-size:13px;color:#e74c3c;font-weight:600}.draft-card-actions{display:flex;gap:8px}.draft-btn{padding:6px 16px;border-radius:6px;font-size:12px;cursor:pointer;background:#fff;border:1px solid #ddd;color:#666;transition:all .2s}.draft-btn:hover{border-color:#e74c3c;color:#e74c3c}.draft-btn.primary{background:#e74c3c;border:none;color:#fff}.draft-btn.primary:hover{background:#d43b2f}.recent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.recent-item{background:#fafafa;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.recent-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.recent-img{width:100%;aspect-ratio:1;object-fit:cover}.recent-price{padding:6px 8px;font-size:13px;font-weight:600;color:#e74c3c}.pc-unauthenticated{display:flex;justify-content:center;align-items:center;min-height:50vh}.pc-login-prompt{text-align:center}.pc-login-prompt svg{margin-bottom:16px}.pc-login-prompt h2{font-size:18px;color:#555;margin-bottom:20px;font-weight:500}.pc-login-btn{padding:10px 32px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.pc-login-btn:hover{background:#d43b2f}@media (max-width: 1024px){.pc-layout{flex-direction:column}.pc-sidebar{width:100%;position:static}.sidebar-nav{flex-direction:row;overflow-x:auto}.sidebar-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.sidebar-item.active{border-bottom-color:#e74c3c;border-left-color:transparent}.membership-card{flex-direction:column}.membership-right{width:100%}.recent-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.recent-grid{grid-template-columns:repeat(3,1fr)}}.mo-page{background:#f5f6fa;min-height:100vh;display:flex;flex-direction:column}.mo-page .breadcrumb{padding:18px 0 12px;font-size:13px;color:#888;display:flex;align-items:center;gap:6px}.mo-page .breadcrumb a{color:#555;text-decoration:none}.mo-page .breadcrumb a:hover{color:#e74c3c}.mo-page .breadcrumb .sep{color:#ccc}.mo-page .breadcrumb .current{color:#333;font-weight:500}.mo-layout{display:flex;gap:24px;padding-bottom:48px}.mo-sidebar{width:220px;flex-shrink:0;background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 2px 12px #0000000a;align-self:flex-start;position:sticky;top:20px}.mo-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.mo-header-bar{background:#fff;border-radius:12px 12px 0 0;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0000000a}.mo-title{margin:0;font-size:18px;font-weight:700;color:#222}.mo-search{display:flex;align-items:center;gap:0}.mo-search input{width:260px;padding:8px 14px;border:1px solid #ddd;border-right:none;border-radius:6px 0 0 6px;font-size:13px;outline:none;transition:border-color .2s}.mo-search input:focus{border-color:#1890ff}.mo-search-btn{padding:8px 20px;background:#1890ff;color:#fff;border:1px solid #1890ff;border-radius:0 6px 6px 0;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.mo-search-btn:hover{background:#0d7ae8}.mo-tabs{display:flex;background:#fff;padding:0 24px;border-bottom:2px solid #f0f0f0;overflow-x:auto;box-shadow:0 2px 12px #0000000a}.mo-tab{padding:12px 16px;background:transparent;border:none;font-size:13px;color:#666;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.mo-tab:hover{color:#1890ff}.mo-tab.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}.mo-tab-count{margin-left:2px;font-size:12px;color:inherit}.mo-order-list{display:flex;flex-direction:column;gap:16px;padding-top:20px}.mo-order-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;overflow:hidden;transition:box-shadow .2s}.mo-order-card:hover{box-shadow:0 4px 20px #00000014}.mo-order-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fafbfc;border-bottom:1px solid #f0f0f0}.mo-order-meta{display:flex;align-items:center;gap:20px}.mo-order-id{font-size:13px;font-weight:600;color:#333}.mo-order-date{font-size:12px;color:#999}.mo-order-status{font-size:13px;font-weight:600}.mo-order-item{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #f8f8f8}.mo-order-item:last-of-type{border-bottom:none}.mo-item-img{width:72px;height:72px;border-radius:8px;object-fit:cover;background:#f5f5f5;border:1px solid #eee}.mo-item-info{flex:1}.mo-item-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.mo-item-specs{font-size:12px;color:#999}.mo-item-price{font-size:14px;color:#666;font-weight:500;white-space:nowrap}.mo-order-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #f0f0f0;background:#fafbfc}.mo-order-summary{display:flex;align-items:center;gap:20px;font-size:13px;color:#666}.mo-items-count{color:#999}.mo-order-total strong{font-size:16px;color:#e74c3c;margin-left:4px}.mo-refund-amount strong{color:#f44336;margin-left:4px}.mo-order-actions{display:flex;gap:10px}.mo-action-btn{padding:7px 22px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}.mo-action-btn.pay{background:#1890ff;border:none;color:#fff;font-weight:600}.mo-action-btn.pay:hover{background:#0d7ae8;box-shadow:0 2px 8px #1890ff4d}.mo-action-btn.reorder{background:#1890ff;border:none;color:#fff;font-weight:600}.mo-action-btn.reorder:hover{background:#0d7ae8;box-shadow:0 2px 8px #1890ff4d}.mo-action-btn.confirm{background:#52c41a;border:none;color:#fff;font-weight:600}.mo-action-btn.confirm:hover{background:#45a916}.mo-action-btn.detail{background:#fff;border:1px solid #ddd;color:#666}.mo-action-btn.detail:hover{border-color:#1890ff;color:#1890ff}.mo-empty-state{text-align:center;padding:60px 20px;color:#bbb}.mo-empty-state svg{margin-bottom:16px}.mo-empty-state p{font-size:14px;color:#aaa}.mo-unauthenticated{display:flex;justify-content:center;align-items:center;min-height:50vh}.mo-login-prompt{text-align:center}.mo-login-prompt svg{margin-bottom:16px}.mo-login-prompt h2{font-size:18px;color:#555;margin-bottom:20px;font-weight:500}.mo-login-btn{padding:10px 32px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.mo-login-btn:hover{background:#d43b2f}@media (max-width: 1024px){.mo-layout{flex-direction:column}.mo-sidebar{width:100%;position:static}.sidebar-nav{flex-direction:row;overflow-x:auto}.sidebar-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.sidebar-item.active{border-bottom-color:#e74c3c;border-left-color:transparent}.mo-header-bar{flex-direction:column;gap:12px;align-items:flex-start}.mo-search input{width:200px}}@media (max-width: 640px){.mo-search input{width:150px}}.md-page{background:#f5f6fa;min-height:100vh;display:flex;flex-direction:column}.md-page .breadcrumb{padding:18px 0 12px;font-size:13px;color:#888;display:flex;align-items:center;gap:6px}.md-page .breadcrumb a{color:#555;text-decoration:none}.md-page .breadcrumb a:hover{color:#e74c3c}.md-page .breadcrumb .sep{color:#ccc}.md-page .breadcrumb .current{color:#333;font-weight:500}.md-layout{display:flex;gap:24px;padding-bottom:48px}.md-sidebar{width:220px;flex-shrink:0;background:#fff;border-radius:12px;padding:24px 0;box-shadow:0 2px 12px #0000000a;align-self:flex-start;position:sticky;top:20px}.md-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.md-tab-bar{display:flex;background:#fff;border-radius:12px 12px 0 0;padding:0 24px;border-bottom:2px solid #f0f0f0;box-shadow:0 2px 12px #0000000a}.md-tab{padding:14px 20px;background:transparent;border:none;font-size:14px;color:#666;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;font-weight:500}.md-tab:hover{color:#1890ff}.md-tab.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}.md-action-bar{background:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 4px #00000005}.md-bulk-actions{display:flex;gap:8px}.md-bulk-btn{padding:6px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.md-bulk-btn.primary{background:#fff;border:1px solid #ddd;color:#666}.md-bulk-btn.primary:hover{border-color:#1890ff;color:#1890ff}.md-bulk-btn.add-cart{background:#1890ff;border:none;color:#fff}.md-bulk-btn.add-cart:hover{background:#0d7ae8}.md-bulk-btn.buy-now{background:#1890ff;border:none;color:#fff}.md-bulk-btn.buy-now:hover{background:#0d7ae8}.md-bulk-btn.delete{background:#fff;border:1px solid #ddd;color:#666}.md-bulk-btn.delete:hover{border-color:#f44336;color:#f44336}.md-design-list{display:flex;flex-direction:column;gap:0;padding-top:16px}.md-design-card{display:flex;align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;margin-bottom:14px;overflow:hidden;transition:box-shadow .2s}.md-design-card:hover{box-shadow:0 4px 20px #00000014}.md-card-left{display:flex;align-items:center;gap:14px;padding:16px}.md-checkbox{width:18px;height:18px;accent-color:#1890ff;cursor:pointer;flex-shrink:0}.md-design-img{width:90px;height:90px;border-radius:8px;object-fit:cover;background:#f5f5f5;border:1px solid #eee}.md-card-center{flex:1;padding:16px 0;display:flex;flex-direction:column;justify-content:center;gap:4px}.md-design-id{font-size:11px;color:#bbb;font-weight:500}.md-design-name{font-size:14px;font-weight:600;color:#333}.md-design-specs{font-size:12px;color:#999}.md-design-links{display:flex;align-items:center;gap:8px;margin-top:4px}.md-design-links a{font-size:12px;color:#1890ff;text-decoration:none}.md-design-links a:hover{text-decoration:underline}.md-link-sep{color:#ddd;font-size:12px}.md-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:16px 20px;min-width:180px}.md-design-price{font-size:15px;font-weight:700;color:#e74c3c}.md-delete-link{font-size:12px;color:#f44336;text-decoration:none}.md-delete-link:hover{text-decoration:underline}.md-card-actions{display:flex;gap:8px;align-items:center}.md-card-btn{padding:6px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.md-card-btn.primary{background:#1890ff;border:none;color:#fff}.md-card-btn.primary:hover{background:#0d7ae8}.md-card-btn.sell{background:#fff;border:1px solid #ddd;color:#666;display:flex;align-items:center;gap:4px}.md-card-btn.sell:hover{border-color:#1890ff;color:#1890ff}.md-sell-wrapper{position:relative}.md-sell-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001f;overflow:hidden;z-index:100;min-width:140px}.md-sell-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:transparent;font-size:13px;color:#444;cursor:pointer;transition:background .15s}.md-sell-dropdown button:hover{background:#f5f7fa;color:#1890ff}.md-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a}.md-empty-state svg{margin-bottom:16px}.md-empty-state p{font-size:14px;color:#aaa}.md-unauthenticated{display:flex;justify-content:center;align-items:center;min-height:50vh}.md-login-prompt{text-align:center}.md-login-prompt svg{margin-bottom:16px}.md-login-prompt h2{font-size:18px;color:#555;margin-bottom:20px;font-weight:500}.md-login-btn{padding:10px 32px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.md-login-btn:hover{background:#d43b2f}.md-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.md-modal{background:#fff;border-radius:16px;width:480px;max-width:90vw;max-height:85vh;overflow-y:auto;position:relative;padding:28px;box-shadow:0 20px 60px #00000026;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.md-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:#999;padding:4px;border-radius:50%;transition:background .2s,color .2s}.md-modal-close:hover{background:#f5f5f5;color:#333}.md-share-step1 h3,.md-share-step2 h3{font-size:18px;font-weight:700;color:#222;margin:0 0 20px;text-align:center}.md-share-preview{display:flex;justify-content:center;margin-bottom:20px}.md-share-img{width:200px;height:200px;border-radius:12px;object-fit:cover;border:1px solid #eee}.md-share-options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.md-toggle-option{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f9fafb;border-radius:10px;font-size:13px;color:#444}.md-toggle{width:44px;height:24px;border-radius:12px;border:none;background:#ddd;position:relative;cursor:pointer;transition:background .2s;padding:0}.md-toggle.active{background:#e74c3c}.md-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000026;transition:transform .2s}.md-toggle.active .md-toggle-knob{transform:translate(20px)}.md-share-actions{display:flex;gap:12px;justify-content:center}.md-share-btn{padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.md-share-btn.secondary{background:#f5f5f5;border:1px solid #ddd;color:#666}.md-share-btn.secondary:hover{background:#eee}.md-share-btn.primary{background:#1890ff;border:none;color:#fff}.md-share-btn.primary:hover{background:#0d7ae8;box-shadow:0 2px 8px #1890ff4d}.md-qr-code{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.md-qr-placeholder{padding:16px;background:#fff;border:2px solid #f0f0f0;border-radius:12px}.md-qr-hint{font-size:12px;color:#999;margin-top:10px}.md-social-icons{display:flex;justify-content:center;gap:12px;margin-top:20px}.md-social-btn{width:40px;height:40px;border-radius:50%;border:1px solid #eee;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#888}.md-social-btn:hover{background:#1890ff;border-color:#1890ff;color:#fff}@media (max-width: 1024px){.md-layout{flex-direction:column}.md-sidebar{width:100%;position:static}.sidebar-nav{flex-direction:row;overflow-x:auto}.sidebar-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.sidebar-item.active{border-bottom-color:#e74c3c;border-left-color:transparent}.md-design-card{flex-direction:column}.md-card-right{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto}}.cp-page{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.cp-unauthenticated{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 0}.cp-login-prompt{text-align:center;color:#888}.cp-login-prompt h2{margin:20px 0 16px;font-size:18px;color:#555}.cp-login-btn{padding:10px 32px;background:#e53935;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.cp-login-btn:hover{background:#c62828}.cp-layout{display:flex;gap:24px;padding:20px 0 60px}.cp-sidebar{width:220px;flex-shrink:0}.cp-sidebar .sidebar-title{font-size:16px;font-weight:700;color:#222;padding:16px 20px;border-bottom:1px solid #eee}.cp-sidebar .sidebar-nav{display:flex;flex-direction:column}.cp-sidebar .sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:none;border:none;cursor:pointer;font-size:14px;color:#555;text-align:left;transition:all .2s}.cp-sidebar .sidebar-item:hover{color:#e53935;background:#fff5f5}.cp-sidebar .sidebar-item.active{color:#e53935;font-weight:600;background:#fff5f5;border-left:3px solid #e53935}.cp-sidebar .sidebar-item .sidebar-icon{width:18px;height:18px;display:flex}.cp-sidebar .sidebar-item .sidebar-icon svg{width:18px;height:18px}.cp-main{flex:1;min-width:0;background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 4px #0000000f}.cp-title{font-size:22px;font-weight:700;color:#222;margin:0 0 8px}.cp-description{font-size:13px;color:#888;margin:0 0 24px;line-height:1.5}.cp-code-input{display:flex;align-items:center;gap:12px;margin-bottom:32px}.cp-code-input input{flex:0 0 280px;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.cp-code-input input:focus{border-color:#2196f3}.cp-receive-btn{padding:10px 24px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.cp-receive-btn:hover{background:#1976d2}.cp-more-offers{color:#2196f3;font-size:13px;text-decoration:none;margin-left:8px}.cp-more-offers:hover{text-decoration:underline}.cp-section{margin-bottom:32px}.cp-section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.cp-coupon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cp-coupon-card{display:flex;border-radius:8px;overflow:hidden;border:1px solid #f0e0e0;background:#fff;transition:box-shadow .2s}.cp-coupon-card:hover{box-shadow:0 4px 12px #e539351f}.cp-coupon-left{width:48px;background:linear-gradient(135deg,#e53935,#c62828);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.cp-coupon-left .cp-coupon-label{writing-mode:vertical-lr;text-orientation:mixed;color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.cp-coupon-body{flex:1;padding:16px 20px}.cp-coupon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.cp-discount .cp-discount-value{font-size:28px;font-weight:800;color:#e53935}.cp-discount .cp-discount-off{font-size:14px;font-weight:700;color:#e53935}.cp-detail-link{background:none;border:none;color:#2196f3;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.cp-detail-link:hover{color:#1565c0}.cp-coupon-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.cp-coupon-conditions{font-size:12px;color:#888;margin-bottom:8px}.cp-countdown{font-size:12px;color:#e53935;font-weight:500}.breadcrumb-link{background:none;border:none;color:#666;cursor:pointer;font-size:13px;padding:0}.breadcrumb-link:hover{color:#e53935}.cp-detail-banner{border-radius:12px;overflow:hidden;margin-bottom:28px;background:linear-gradient(135deg,#ff6b6b,#ee5a24,#f9ca24 60%,#6ab04c);padding:48px 40px;position:relative}.cp-detail-banner .cp-banner-content{text-align:center;color:#fff}.cp-detail-banner .cp-banner-content h2{font-size:28px;font-weight:800;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.cp-detail-banner .cp-banner-content p{font-size:14px;margin:0;opacity:.9}.cp-detail-info{display:flex;gap:32px;margin-bottom:36px;padding:24px;background:#fafafa;border-radius:8px;border:1px solid #eee}.cp-detail-left{flex:1}.cp-detail-left h3{font-size:18px;font-weight:700;color:#222;margin:0 0 12px}.cp-detail-left .cp-detail-terms{font-size:13px;color:#666;margin:0 0 6px;line-height:1.6}.cp-claim-btn{margin-top:16px;padding:10px 32px;background:#e53935;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.cp-claim-btn:hover{background:#c62828}.cp-detail-right{flex:1}.cp-detail-right h4{font-size:15px;font-weight:600;color:#333;margin:0 0 10px}.cp-detail-right .cp-usage-text{font-size:12px;color:#777;line-height:1.7;margin:0}.cp-products-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 20px}.cp-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cp-product-card{position:relative;border-radius:8px;overflow:hidden;border:1px solid #eee;background:#fff;transition:box-shadow .2s,transform .2s}.cp-product-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.cp-hot-badge{position:absolute;top:8px;left:8px;background:#e53935;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;z-index:1}.cp-product-img{width:100%;aspect-ratio:1;object-fit:cover}.cp-product-info{padding:10px 12px}.cp-product-name{font-size:12px;color:#555;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-product-prices{display:flex;align-items:center;gap:8px}.cp-price-current{font-size:15px;font-weight:700;color:#e53935}.cp-price-original{font-size:12px;color:#bbb;text-decoration:line-through}.cp-product-fav{position:absolute;top:8px;right:8px;background:#ffffffd9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#bbb}.cp-product-fav:hover{color:#e53935;background:#fff;box-shadow:0 2px 8px #0000001a}@media (max-width: 900px){.cp-layout{flex-direction:column}.cp-sidebar{width:100%}.cp-sidebar .sidebar-nav{flex-direction:row;flex-wrap:wrap}.cp-coupon-grid{grid-template-columns:1fr}.cp-products-grid{grid-template-columns:repeat(2,1fr)}.cp-detail-info{flex-direction:column}}.st-page{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.st-unauthenticated{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 0}.st-login-prompt{text-align:center;color:#888}.st-login-prompt h2{margin:20px 0 16px;font-size:18px;color:#555}.st-login-btn{padding:10px 32px;background:#e53935;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.st-login-btn:hover{background:#c62828}.st-layout{display:flex;gap:24px;padding:20px 0 60px}.st-sidebar{width:220px;flex-shrink:0}.st-sidebar .sidebar-title{font-size:16px;font-weight:700;color:#222;padding:16px 20px;border-bottom:1px solid #eee}.st-sidebar .sidebar-nav{display:flex;flex-direction:column}.st-sidebar .sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:none;border:none;cursor:pointer;font-size:14px;color:#555;text-align:left;transition:all .2s}.st-sidebar .sidebar-item:hover{color:#e53935;background:#fff5f5}.st-sidebar .sidebar-item.active{color:#e53935;font-weight:600;background:#fff5f5;border-left:3px solid #e53935}.st-sidebar .sidebar-item .sidebar-icon{width:18px;height:18px;display:flex}.st-sidebar .sidebar-item .sidebar-icon svg{width:18px;height:18px}.st-main{flex:1;min-width:0;background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 4px #0000000f}.st-title{font-size:22px;font-weight:700;color:#222;margin:0 0 28px}.st-section{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #f0f0f0}.st-section:last-child{border-bottom:none}.st-section-title{font-size:15px;font-weight:600;color:#333;margin:0 0 20px}.st-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.st-form-grid .full-width{grid-column:1/-1}.st-form-group{display:flex;flex-direction:column;gap:6px}.st-form-group label{font-size:13px;font-weight:500;color:#555}.st-form-group input,.st-form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background:#fff}.st-form-group input:focus,.st-form-group select:focus{border-color:#2196f3}.st-email-field{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ddd;border-radius:6px;background:#fafafa}.st-email-value{flex:1;font-size:14px;color:#555}.st-edit-icon{background:none;border:none;cursor:pointer;color:#999;padding:2px}.st-edit-icon:hover{color:#2196f3}.st-avatar-upload .st-avatar-placeholder{width:100px;height:100px;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;gap:6px}.st-avatar-upload .st-avatar-placeholder span{font-size:11px;color:#bbb}.st-avatar-upload .st-avatar-placeholder:hover{border-color:#2196f3}.st-verification-row{margin:16px 0 8px}.st-verify-link{background:none;border:none;color:#2196f3;font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.st-verify-link:hover{color:#1565c0}.st-form-actions{display:flex;gap:12px;margin-top:20px}.st-btn{padding:10px 32px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.st-btn.primary{background:#2196f3;color:#fff}.st-btn.primary:hover{background:#1976d2}.st-btn.secondary{background:#fff;color:#666;border-color:#ddd}.st-btn.secondary:hover{background:#f5f5f5}.st-password-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.st-toggle-password{background:none;border:none;cursor:pointer;font-size:12px;color:#999;padding:4px}.st-toggle-password:hover{color:#333}.st-password-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.st-address-list{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.st-address-card{width:240px;padding:16px;border:1px solid #ddd;border-radius:8px;position:relative;background:#fff;transition:box-shadow .2s}.st-address-card:hover{box-shadow:0 2px 8px #00000014}.st-address-info{margin-bottom:8px}.st-address-name{font-size:14px;font-weight:600;color:#222;margin-bottom:4px;display:flex;align-items:center;gap:8px}.st-default-badge{background:#2196f3;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}.st-address-phone,.st-address-street,.st-address-zip{font-size:12px;color:#777;line-height:1.5}.st-address-actions{display:flex;gap:8px;justify-content:flex-end}.st-addr-action-btn{background:none;border:none;cursor:pointer;color:#999;padding:4px;transition:color .2s}.st-addr-action-btn:hover{color:#2196f3}.st-add-address-btn{width:240px;height:160px;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:none;cursor:pointer;color:#bbb;font-size:13px;transition:all .2s}.st-add-address-btn:hover{border-color:#2196f3;color:#2196f3}.st-country-note{font-size:12px;color:#999;margin:8px 0 16px;font-style:italic}.st-address-form{margin-top:20px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #eee}.st-form-row{display:grid;gap:16px;margin-bottom:16px}.st-form-row.two-col{grid-template-columns:1fr 1fr}.st-form-row.three-col{grid-template-columns:1fr 1fr 1fr}.st-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer;margin-bottom:16px}.st-checkbox-label input[type=checkbox]{accent-color:#2196f3;width:16px;height:16px}.st-watermark-area{display:flex;align-items:flex-start;gap:16px}.st-watermark-placeholder{width:120px;height:120px;border:2px dashed #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.st-watermark-placeholder:hover{border-color:#2196f3}.st-watermark-note{font-size:12px;color:#999;margin:0;line-height:1.6;padding-top:4px}.st-sub-label{font-size:13px;font-weight:500;color:#555;margin-bottom:12px}.st-sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.st-sub-item{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#555;cursor:pointer;line-height:1.4}.st-sub-item input[type=checkbox]{accent-color:#2196f3;margin-top:2px;flex-shrink:0}.st-accept-methods{display:flex;gap:24px;margin-bottom:20px}.st-accept-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#555;cursor:pointer}.st-accept-item input[type=checkbox]{accent-color:#2196f3}@media (max-width: 900px){.st-layout{flex-direction:column}.st-sidebar{width:100%}.st-sidebar .sidebar-nav{flex-direction:row;flex-wrap:wrap}.st-form-grid,.st-form-row.three-col,.st-form-row.two-col{grid-template-columns:1fr}.st-sub-grid{grid-template-columns:repeat(2,1fr)}}.checkout-page-wrapper{background-color:var(--bg-page);min-height:100vh}.checkout-page{padding:24px;max-width:1280px;margin:0 auto}.checkout-page .breadcrumb{font-size:14px;color:var(--text-muted);margin-bottom:24px;display:flex;align-items:center;gap:8px}.checkout-page .breadcrumb a{color:var(--color-primary)}.checkout-page .breadcrumb a:hover{text-decoration:underline}.checkout-page .breadcrumb .current{color:var(--text-primary);font-weight:500}.checkout-page .page-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;margin-bottom:32px}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:flex-start}.checkout-section{background:var(--bg-white);border-radius:var(--border-radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.checkout-section .section-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-primary)}.checkout-section .section-title svg{color:var(--color-primary)}.address-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border:2px solid #e2e8f0;border-radius:10px;transition:all var(--transition-fast)}.address-card.selected{border-color:var(--color-primary);background:var(--bg-light-pink)}.address-card .address-info .address-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.address-card .address-info .default-badge{background:var(--color-primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.address-card .address-info .address-phone{font-size:13px;color:var(--text-secondary);margin-top:4px}.address-card .address-info .address-detail{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.address-card .change-btn{background:none;color:var(--color-primary);font-size:14px;font-weight:500;padding:6px 16px;border:1px solid var(--color-primary);border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}.address-card .change-btn:hover{background:var(--color-primary);color:#fff}.no-address{text-align:center;padding:24px;background:#fff8f0;border-radius:10px;border:2px dashed var(--color-accent-orange)}.no-address p{color:var(--color-accent-orange);font-weight:500;margin-bottom:12px}.no-address .add-address-btn{background:var(--color-primary);color:#fff;padding:10px 24px;border-radius:20px;font-weight:500}.address-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.address-list .address-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.address-list .address-option:hover{border-color:var(--color-primary-light);background:var(--bg-light-pink)}.address-list .address-option.active{border-color:var(--color-primary);background:var(--bg-light-pink)}.address-list .address-option .radio{color:var(--color-primary);font-size:16px;margin-top:2px}.address-list .address-option .addr-text{font-size:13px;color:var(--text-muted);margin-top:2px}.shipping-methods{display:flex;flex-direction:column;gap:10px}.shipping-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.shipping-option:hover{border-color:var(--color-primary-light)}.shipping-option.active{border-color:var(--color-primary);background:var(--bg-light-pink)}.shipping-option .radio{color:var(--color-primary);font-size:16px;margin-top:2px;flex-shrink:0}.shipping-option .method-info{flex:1}.shipping-option .method-info .method-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.shipping-option .method-info .ddp-badge{background:linear-gradient(135deg,#34d399,#059669);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.shipping-option .method-info .method-desc{font-size:12px;color:var(--text-muted);margin-top:4px}.shipping-option .method-info .method-days{font-size:12px;color:var(--text-secondary);margin-top:2px}.shipping-option .method-price{font-weight:700;font-size:16px;color:var(--color-primary)}.delivery-estimate{margin-top:16px;display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-light-blue);border-radius:8px;font-size:13px;color:var(--text-secondary)}.delivery-estimate svg{color:#4ecdc4;flex-shrink:0}.delivery-estimate strong{color:var(--text-primary)}.order-notes{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color var(--transition-fast)}.order-notes:focus{outline:none;border-color:var(--color-primary)}.payment-methods{display:flex;flex-direction:column;gap:8px}.payment-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.payment-option:hover{border-color:var(--color-primary-light)}.payment-option.active{border-color:var(--color-primary);background:var(--bg-light-pink)}.payment-option .radio{color:var(--color-primary);font-size:16px}.payment-option .payment-name{font-weight:600;font-size:14px}.payment-option .paypal-text{color:#003087;font-style:italic}.payment-option .card-logos{display:flex;gap:6px;margin-top:4px}.payment-option .card-brand{background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;color:var(--text-secondary)}.card-form{padding:16px 16px 16px 40px;display:flex;flex-direction:column;gap:12px}.card-form .form-row{display:flex;flex-direction:column;gap:4px}.card-form .form-row label{font-size:12px;font-weight:500;color:var(--text-secondary)}.card-form .form-row input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color var(--transition-fast);font-family:Inter,monospace}.card-form .form-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b1a}.card-form .form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-summary-card{background:var(--bg-white);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);position:sticky;top:24px}.order-summary-card .summary-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px}.summary-items{display:flex;flex-direction:column;gap:14px;max-height:300px;overflow-y:auto}.summary-item{display:flex;gap:12px}.summary-item .item-thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.summary-item .item-details{flex:1;min-width:0}.summary-item .item-details .item-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-item .item-details .item-specs{font-size:11px;color:var(--text-muted);margin-top:2px}.summary-item .item-details .item-qty-price{display:flex;justify-content:space-between;margin-top:4px;font-size:13px;color:var(--text-secondary)}.summary-item .item-details .item-qty-price .item-total{font-weight:600;color:var(--text-primary)}.summary-divider{height:1px;background:#e2e8f0;margin:16px 0}.coupon-section .coupon-input-row{display:flex;gap:8px}.coupon-section .coupon-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.coupon-section .coupon-input:focus{outline:none;border-color:var(--color-primary)}.coupon-section .apply-btn{background:var(--text-primary);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;transition:all var(--transition-fast)}.coupon-section .apply-btn:hover{opacity:.85}.coupon-section .coupon-applied{margin-top:8px;font-size:12px;color:#059669;display:flex;align-items:center;gap:8px}.coupon-section .coupon-applied .remove-coupon{background:none;color:var(--text-muted);font-size:18px;cursor:pointer}.coupon-section .coupon-applied .remove-coupon:hover{color:var(--color-primary)}.points-section{margin-top:12px}.points-section .points-label{font-size:13px;font-weight:500;margin-bottom:6px}.points-section .points-label .points-available{font-weight:400;color:var(--text-muted);margin-left:4px}.points-section .points-input-row{display:flex;align-items:center;gap:8px}.points-section .points-input{width:100px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.points-section .points-input:focus{outline:none;border-color:var(--color-primary)}.points-section .points-value{font-size:13px;color:var(--color-primary);font-weight:600}.summary-breakdown{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.summary-row.discount{color:#059669}.summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700}.summary-total .total-amount{color:var(--color-primary);font-size:24px}.place-order-btn{width:100%;padding:16px;margin-top:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.5px}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ff6b6b66}.place-order-btn:disabled{opacity:.6;cursor:not-allowed}.place-order-btn.processing{background:var(--text-muted)}.place-order-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-badges{display:flex;justify-content:center;gap:20px;margin-top:16px}.security-badges .badge-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.security-badges .badge-item svg{color:#34d399}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.order-summary-card{position:static}}.cs-page-wrapper{background-color:var(--bg-page);min-height:100vh}.cs-page{padding:24px;max-width:960px;margin:0 auto}.cs-page .page-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px;margin-bottom:8px}.cs-page .page-title svg{color:var(--color-primary)}.cs-page .page-subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:32px}.cs-tabs{display:flex;gap:8px;margin-bottom:32px}.cs-tabs .cs-tab{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;background:var(--bg-white);color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.cs-tabs .cs-tab:hover{color:var(--color-primary);transform:translateY(-1px)}.cs-tabs .cs-tab.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.faq-section{display:flex;flex-direction:column;gap:20px}.faq-category{background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.faq-category .category-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background var(--transition-fast)}.faq-category .category-header:hover{background:#fafafa}.faq-category .category-header h2{font-size:18px;font-weight:700;color:var(--text-primary)}.faq-category .category-header .arrow{font-size:24px;color:var(--text-muted);transition:transform var(--transition-fast)}.faq-category .category-header .arrow.open{transform:rotate(90deg)}.faq-items{padding:0 24px 16px}.faq-item{border-top:1px solid #f1f5f9}.faq-item .faq-question{display:flex;align-items:center;gap:12px;padding:16px 0;cursor:pointer;transition:color var(--transition-fast)}.faq-item .faq-question:hover{color:var(--color-primary)}.faq-item .faq-question .q-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.faq-item .faq-question .q-text{flex:1;font-weight:500;font-size:15px}.faq-item .faq-question .toggle{font-size:20px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.faq-item .faq-question .toggle.open{transform:rotate(45deg)}.faq-item .faq-answer{display:flex;gap:12px;padding:0 0 16px;animation:fadeIn .3s ease}.faq-item .faq-answer .a-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-blue);color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.faq-item .faq-answer p{font-size:14px;color:var(--text-secondary);line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chatbot{background:var(--bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;height:600px}.chatbot .chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--color-primary),#E85555);color:#fff}.chatbot .chat-header .chat-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:20px}.chatbot .chat-header .chat-name{font-weight:600;font-size:15px}.chatbot .chat-header .chat-status{font-size:12px;opacity:.8}.chatbot .chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#f8fafc}.chatbot .chat-message{display:flex;gap:10px;max-width:80%}.chatbot .chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chatbot .chat-message.user .msg-bubble{background:var(--color-primary);color:#fff;border-radius:16px 16px 4px}.chatbot .chat-message.user .msg-bubble .msg-time{color:#ffffffb3}.chatbot .chat-message.bot{align-self:flex-start}.chatbot .chat-message.bot .msg-bubble{background:#fff;border-radius:16px 16px 16px 4px;box-shadow:var(--shadow-sm)}.chatbot .chat-message .msg-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-light-pink);border-radius:50%;font-size:16px;flex-shrink:0}.chatbot .chat-message .msg-bubble{padding:12px 16px}.chatbot .chat-message .msg-text{font-size:14px;line-height:1.5}.chatbot .chat-message .msg-time{font-size:11px;color:var(--text-muted);margin-top:4px;text-align:right}.chatbot .chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff}.chatbot .chat-input-area .chat-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:24px;font-size:14px;transition:border-color var(--transition-fast)}.chatbot .chat-input-area .chat-input:focus{outline:none;border-color:var(--color-primary)}.chatbot .chat-input-area .send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;transition:all var(--transition-fast)}.chatbot .chat-input-area .send-btn:hover:not(:disabled){transform:scale(1.05);background:var(--color-primary-dark)}.chatbot .chat-input-area .send-btn:disabled{opacity:.4;cursor:not-allowed}.blog-page-wrapper{background-color:var(--bg-page);min-height:100vh}.blog-page{padding:24px;max-width:1200px;margin:0 auto}.blog-page .blog-header{text-align:center;margin-bottom:40px}.blog-page .page-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;margin-bottom:8px}.blog-page .page-subtitle{color:var(--text-secondary);font-size:16px}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.blog-toolbar .search-box{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-white);border:1px solid #e2e8f0;border-radius:24px;flex:1;max-width:400px;transition:all var(--transition-fast)}.blog-toolbar .search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b1a}.blog-toolbar .search-box svg{color:var(--text-muted);flex-shrink:0}.blog-toolbar .search-box input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.blog-toolbar .sort-toggle{display:flex;background:var(--bg-white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.blog-toolbar .sort-toggle button{padding:10px 20px;font-size:13px;font-weight:500;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.blog-toolbar .sort-toggle button:hover{color:var(--color-primary)}.blog-toolbar .sort-toggle button.active{background:var(--color-primary);color:#fff}.tag-bar{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tag-bar .tag-btn{padding:8px 20px;border-radius:20px;font-size:13px;font-weight:500;background:var(--bg-white);color:var(--text-secondary);border:1px solid #e2e8f0;transition:all var(--transition-fast)}.tag-bar .tag-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-bar .tag-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.article-card{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:block;text-decoration:none;color:inherit}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.article-card:hover .card-cover img{transform:scale(1.05)}.article-card .card-cover{height:200px;overflow:hidden}.article-card .card-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card .card-body{padding:20px}.article-card .card-tags{display:flex;gap:6px;margin-bottom:10px}.article-card .card-tag{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--bg-light-pink);color:var(--color-primary)}.article-card .card-title{font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .card-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.article-card .card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.article-card .card-meta .author{font-weight:500}.article-card .card-meta .dot{opacity:.4}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:16px}@media (max-width: 768px){.article-grid{grid-template-columns:1fr}.blog-toolbar{flex-direction:column;align-items:flex-start}}.blog-detail-wrapper{background-color:var(--bg-page);min-height:100vh}.blog-detail{padding:24px;max-width:860px;margin:0 auto}.blog-detail .breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:24px;display:flex;align-items:center;gap:8px}.blog-detail .breadcrumb a{color:var(--color-primary)}.blog-detail .breadcrumb a:hover{text-decoration:underline}.blog-detail .breadcrumb .current{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-content{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.article-header .article-tags{display:flex;gap:6px;margin-bottom:16px}.article-header .article-tags .tag{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;background:var(--bg-light-pink);color:var(--color-primary);transition:all var(--transition-fast)}.article-header .article-tags .tag:hover{background:var(--color-primary);color:#fff}.article-header .article-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;line-height:1.3;margin-bottom:12px}.article-header .article-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.article-header .article-meta .author{font-weight:500;color:var(--text-secondary)}.article-header .article-meta .dot{opacity:.4}.article-body .content-heading{font-size:20px;font-weight:700;margin:32px 0 12px;color:var(--text-primary)}.article-body .content-paragraph{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px}.article-body .content-image{margin:24px 0;border-radius:12px;overflow:hidden}.article-body .content-image img{width:100%;display:block}.article-body .content-image .caption{text-align:center;display:block;font-size:12px;color:var(--text-muted);padding:8px;background:#f8fafc}.article-body .content-list{margin:12px 0 20px;padding-left:24px}.article-body .content-list li{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:4px;list-style:disc}.article-body .content-list li::marker{color:var(--color-primary)}.article-body .content-tip{margin:20px 0;padding:16px 20px;background:linear-gradient(135deg,#fff8f0,#fffaf5);border-left:4px solid var(--color-accent-orange);border-radius:0 8px 8px 0;font-size:14px;color:var(--text-secondary);line-height:1.6}.article-body .content-faq{margin:16px 0}.article-body .content-faq .faq-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;overflow:hidden}.article-body .content-faq .faq-item .faq-q{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;font-weight:500;font-size:14px;transition:background var(--transition-fast)}.article-body .content-faq .faq-item .faq-q:hover{background:#fafafa}.article-body .content-faq .faq-item .faq-q .faq-toggle{font-size:20px;color:var(--text-muted)}.article-body .content-faq .faq-item .faq-a{padding:0 16px 14px;font-size:14px;color:var(--text-secondary);line-height:1.6;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.helpful-section{text-align:center;padding:32px 0;border-top:1px solid #f1f5f9;margin-top:32px}.helpful-section p{font-size:15px;font-weight:500;margin-bottom:12px}.helpful-section .helpful-buttons{display:flex;justify-content:center;gap:12px}.helpful-section .helpful-btn{padding:10px 24px;border-radius:20px;font-size:14px;background:var(--bg-page);border:1px solid #e2e8f0;transition:all var(--transition-fast)}.helpful-section .helpful-btn:hover{transform:scale(1.05)}.helpful-section .helpful-btn.active-yes{background:#d1fae5;border-color:#34d399}.helpful-section .helpful-btn.active-no{background:#fce7f3;border-color:#f472b6}.helpful-section .vote-thanks{font-size:13px;color:var(--text-muted);margin-top:8px}.article-actions{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid #f1f5f9}.article-actions .action-btn{padding:8px 16px;border-radius:20px;font-size:14px;background:var(--bg-page);border:1px solid #e2e8f0;transition:all var(--transition-fast)}.article-actions .action-btn:hover{transform:scale(1.05)}.article-actions .action-btn.liked{background:#fce7f3;border-color:#f472b6}.article-actions .action-btn.bookmarked{background:#dbeafe;border-color:#60a5fa}.article-actions .share-btns{margin-left:auto;display:flex;gap:8px}.article-actions .share-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-page);border-radius:50%;font-size:16px;transition:all var(--transition-fast)}.article-actions .share-btn:hover{transform:scale(1.1);background:#e2e8f0}.comments-section{padding-top:24px;border-top:1px solid #f1f5f9}.comments-section h3{font-size:18px;font-weight:700;margin-bottom:16px}.comments-section .comment-input-area{margin-bottom:24px}.comments-section .comment-input-area textarea{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px;font-family:inherit;resize:vertical}.comments-section .comment-input-area textarea:focus{outline:none;border-color:var(--color-primary)}.comments-section .comment-input-area .submit-comment{margin-top:8px;padding:8px 20px;background:var(--color-primary);color:#fff;border-radius:8px;font-size:13px;font-weight:600}.comments-section .comment-input-area .submit-comment:disabled{opacity:.4;cursor:not-allowed}.comments-section .comment-item{display:flex;gap:12px;padding:16px 0;border-top:1px solid #f1f5f9}.comments-section .comment-item .comment-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-light-purple);border-radius:50%;font-size:18px;flex-shrink:0}.comments-section .comment-item .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comments-section .comment-item .comment-header .comment-name{font-weight:600;font-size:13px}.comments-section .comment-item .comment-header .comment-date{font-size:12px;color:var(--text-muted)}.comments-section .comment-item p{font-size:14px;color:var(--text-secondary);line-height:1.6}.related-articles{margin-top:40px}.related-articles h3{font-size:20px;font-weight:700;margin-bottom:20px}.related-articles .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-articles .related-card{background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.related-articles .related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.related-articles .related-card img{width:100%;height:120px;object-fit:cover}.related-articles .related-card h4{padding:12px;font-size:13px;font-weight:600;line-height:1.4}@media (max-width: 768px){.article-content{padding:24px}.related-grid{grid-template-columns:1fr}}.member-page-wrapper{background:var(--bg-page);min-height:100vh}.member-page{padding-bottom:60px}.member-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:80px 0;text-align:center;position:relative;overflow:hidden}.member-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,107,.1) 0%,transparent 50%);animation:heroGlow 8s ease-in-out infinite}.member-hero .hero-content{position:relative;z-index:1}.member-hero .hero-badge{font-size:48px;margin-bottom:20px}.member-hero h1{font-family:Outfit,sans-serif;font-size:36px;font-weight:800;margin-bottom:12px}.member-hero p{font-size:16px;opacity:.8;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.member-hero .hero-price{margin-bottom:28px}.member-hero .hero-price .price-amount{font-family:Outfit,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,gold,#ff6b6b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.member-hero .hero-price .price-period{font-size:18px;opacity:.7}@keyframes heroGlow{0%,to{transform:translate(0)}50%{transform:translate(5%,5%)}}.upgrade-btn{padding:16px 40px;background:linear-gradient(135deg,var(--color-primary),#E85555);color:#fff;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px;box-shadow:0 4px 16px #ff6b6b66}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b80}.comparison-section{margin-top:60px}.section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;text-align:center;margin-bottom:32px}.comparison-table{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.comparison-table .table-header{display:grid;grid-template-columns:1fr 140px 140px;background:var(--text-primary);color:#fff;font-weight:600;font-size:14px}.comparison-table .table-header>div{padding:16px 20px}.comparison-table .table-header>div.col-premium{background:var(--color-primary)}.comparison-table .table-row{display:grid;grid-template-columns:1fr 140px 140px;border-bottom:1px solid #f1f5f9;transition:background var(--transition-fast)}.comparison-table .table-row:hover{background:#fafafa}.comparison-table .table-row>div{padding:14px 20px;display:flex;align-items:center}.comparison-table .table-row .col-feature{gap:12px}.comparison-table .table-row .col-feature .benefit-icon{font-size:24px}.comparison-table .table-row .col-feature .benefit-title{font-weight:600;font-size:14px}.comparison-table .table-row .col-feature .benefit-desc{font-size:12px;color:var(--text-muted)}.comparison-table .table-row .col-free,.comparison-table .table-row .col-premium{justify-content:center}.comparison-table .table-row .check{color:#34d399;font-size:20px;font-weight:700}.comparison-table .table-row .cross{color:#e2e8f0;font-size:20px}.how-section{margin-top:60px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-card{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-card .step-number{width:40px;height:40px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#E85555);color:#fff;border-radius:50%;font-weight:800;font-size:18px}.step-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.step-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.member-faq{margin-top:60px}.member-faq .faq-list{max-width:700px;margin:0 auto}.member-faq .faq-item{background:var(--bg-white);border-radius:10px;margin-bottom:10px;box-shadow:var(--shadow-sm);overflow:hidden}.member-faq .faq-item summary{padding:16px 20px;font-weight:600;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast)}.member-faq .faq-item summary:hover{background:#fafafa}.member-faq .faq-item summary:after{content:"+";font-size:20px;color:var(--text-muted)}.member-faq .faq-item summary::-webkit-details-marker{display:none}.member-faq .faq-item[open] summary:after{content:"−"}.member-faq .faq-item p{padding:0 20px 16px;font-size:14px;color:var(--text-secondary);line-height:1.6}.cta-section{margin-top:60px;text-align:center;padding:60px 20px;background:linear-gradient(135deg,var(--bg-light-pink),var(--bg-cream));border-radius:var(--border-radius-xl)}.cta-section h2{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;margin-bottom:8px}.cta-section p{color:var(--text-secondary);margin-bottom:24px}@media (max-width: 768px){.steps-grid{grid-template-columns:repeat(2,1fr)}.comparison-table .table-header,.comparison-table .table-row{grid-template-columns:1fr 100px 100px}}.points-page-wrapper{background:var(--bg-page);min-height:100vh}.points-page{padding:32px 24px;max-width:1100px;margin:0 auto}.points-overview{display:grid;grid-template-columns:300px 1fr;gap:32px;margin-bottom:48px;background:var(--bg-white);border-radius:var(--border-radius-xl);padding:40px;box-shadow:var(--shadow-md)}.points-overview .points-main{text-align:center}.points-overview .points-circle{width:200px;height:200px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#E85555);padding:6px}.points-overview .points-circle .circle-inner{width:100%;height:100%;border-radius:50%;background:var(--bg-white);display:flex;flex-direction:column;align-items:center;justify-content:center}.points-overview .points-circle .pts-label{font-size:12px;color:var(--text-muted)}.points-overview .points-circle .pts-value{font-family:Outfit,sans-serif;font-size:42px;font-weight:800;color:var(--color-primary)}.points-overview .points-circle .pts-unit{font-size:13px;color:var(--text-secondary)}.points-overview .points-value-text{margin-top:12px;font-size:18px;font-weight:600;color:var(--color-accent-green)}.points-overview .points-expiry h3{font-size:16px;font-weight:600;margin-bottom:16px}.points-overview .expiry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.points-overview .expiry-card{padding:16px;border-radius:12px;background:#f8fafc;text-align:center}.points-overview .expiry-card.urgent{background:#fef2f2}.points-overview .expiry-card.urgent .expiry-count{color:#ef4444}.points-overview .expiry-card.warning{background:#fffbeb}.points-overview .expiry-card.warning .expiry-count{color:#f59e0b}.points-overview .expiry-card .expiry-count{display:block;font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--text-primary)}.points-overview .expiry-card .expiry-label{font-size:12px;color:var(--text-muted)}.section-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;margin-bottom:24px}.earn-section{margin-bottom:48px}.earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.earn-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.earn-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.earn-card .earn-icon{font-size:28px}.earn-card .earn-info{flex:1}.earn-card .earn-info h3{font-size:14px;font-weight:600}.earn-card .earn-info p{font-size:12px;color:var(--text-muted)}.earn-card .earn-points{font-weight:700;font-size:13px;color:var(--color-primary);background:var(--bg-light-pink);padding:4px 10px;border-radius:12px;white-space:nowrap}.rules-section{margin-bottom:48px}.rules-card{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.rules-card .rule-item{display:flex;gap:14px;align-items:flex-start}.rules-card .rule-item .rule-icon{font-size:24px}.rules-card .rule-item strong{font-size:14px;display:block;margin-bottom:2px}.rules-card .rule-item p{font-size:13px;color:var(--text-secondary)}.history-section{margin-bottom:48px}.history-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.history-toolbar .range-tabs{display:flex;background:var(--bg-white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.history-toolbar .range-tabs button{padding:10px 20px;font-size:13px;font-weight:500;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.history-toolbar .range-tabs button:hover{color:var(--color-primary)}.history-toolbar .range-tabs button.active{background:var(--color-primary);color:#fff}.history-toolbar .search-input{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;width:220px}.history-toolbar .search-input:focus{outline:none;border-color:var(--color-primary)}.history-summary{display:flex;gap:16px;margin-bottom:20px}.history-summary .summary-item{flex:1;padding:16px;border-radius:12px;background:var(--bg-white);box-shadow:var(--shadow-sm);text-align:center}.history-summary .summary-item .label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}.history-summary .summary-item .value{font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.history-summary .summary-item.earned .value{color:#34d399}.history-summary .summary-item.spent .value{color:var(--color-primary)}.history-table{background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.history-table .table-header{display:grid;grid-template-columns:120px 120px 1fr 100px 100px;background:var(--text-primary);color:#fff;font-weight:600;font-size:13px}.history-table .table-header span{padding:14px 16px}.history-table .table-row{display:grid;grid-template-columns:120px 120px 1fr 100px 100px;border-bottom:1px solid #f1f5f9;font-size:13px;transition:background var(--transition-fast)}.history-table .table-row:hover{background:#fafafa}.history-table .table-row span{padding:12px 16px}.history-table .table-row .cell-date{color:var(--text-muted)}.history-table .table-row .cell-type{font-weight:500}.history-table .table-row .cell-detail{color:var(--text-secondary)}.history-table .table-row .cell-points{font-weight:700}.history-table .table-row .cell-points.earned{color:#34d399}.history-table .table-row .cell-points.spent{color:var(--color-primary)}.history-table .table-row .cell-balance{color:var(--text-secondary)}.points-cta{text-align:center;margin-top:24px}.points-cta .back-link{color:var(--color-primary);font-weight:500}.points-cta .back-link:hover{text-decoration:underline}@media (max-width: 768px){.points-overview,.earn-grid,.rules-card{grid-template-columns:1fr}.history-table .table-header,.history-table .table-row{grid-template-columns:80px 80px 1fr 80px 80px;font-size:11px}}.order-detail-wrapper{background:var(--bg-page);min-height:100vh}.order-detail{padding:24px;max-width:1200px;margin:0 auto}.order-detail .breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:24px;display:flex;align-items:center;gap:8px}.order-detail .breadcrumb a{color:var(--color-primary)}.order-detail .breadcrumb a:hover{text-decoration:underline}.order-detail .breadcrumb .current{color:var(--text-secondary)}.not-found{text-align:center;padding:80px 20px}.not-found h2{font-size:24px;margin-bottom:8px}.not-found p{color:var(--text-muted);margin-bottom:20px}.not-found .back-btn{color:var(--color-primary);font-weight:500}.not-found .back-btn:hover{text-decoration:underline}.status-banner{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-radius:var(--border-radius-lg);margin-bottom:24px;color:#fff;background:linear-gradient(135deg,#4ecdc4,#45b7aa)}.status-banner.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.status-banner.paid{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.status-banner.production{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.status-banner.shipped{background:linear-gradient(135deg,#4ecdc4,#059669)}.status-banner.delivered{background:linear-gradient(135deg,#34d399,#059669)}.status-banner.completed{background:linear-gradient(135deg,#34d399,#10b981)}.status-banner.cancelled{background:linear-gradient(135deg,#9ca3af,#6b7280)}.status-banner .order-status{font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.status-banner .order-id{font-size:14px;opacity:.9;margin-top:4px;display:flex;align-items:center;gap:8px}.status-banner .order-id .copy-btn{background:#fff3;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.status-banner .order-id .copy-btn:hover{background:#ffffff4d}.status-banner .banner-actions{display:flex;gap:10px}.status-banner .action-btn{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:600;transition:all var(--transition-fast)}.status-banner .action-btn.primary{background:#fff;color:var(--text-primary)}.status-banner .action-btn.primary:hover{transform:scale(1.05)}.status-banner .action-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4)}.status-banner .action-btn.secondary:hover{background:#ffffff4d}.progress-section{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:32px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.progress-bar{display:flex;justify-content:space-between;position:relative}.progress-bar:before{content:"";position:absolute;top:16px;left:20px;right:20px;height:3px;background:#e2e8f0;z-index:0}.progress-bar .step{position:relative;z-index:1;text-align:center;flex:1}.progress-bar .step .step-dot{width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:#e2e8f0;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all var(--transition-fast)}.progress-bar .step .step-label{font-size:12px;color:var(--text-muted)}.progress-bar .step.active .step-dot{background:var(--color-accent-green);color:#fff}.progress-bar .step.active .step-label{color:var(--text-primary);font-weight:500}.progress-bar .step.current .step-dot{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #ff6b6b33;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 4px #ff6b6b33}50%{box-shadow:0 0 0 8px #ff6b6b1a}to{box-shadow:0 0 0 4px #ff6b6b33}}.detail-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:flex-start}.detail-section{background:var(--bg-white);border-radius:var(--border-radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.detail-section h2{font-size:17px;font-weight:700;margin-bottom:16px}.tracking-info .tracking-number{font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.tracking-info .tracking-number strong{color:var(--color-primary)}.tracking-info .tracking-number .copy-btn{background:var(--bg-page);padding:4px 8px;border-radius:4px;font-size:12px}.tracking-timeline .timeline-item{display:flex;gap:12px;padding-left:8px;padding-bottom:16px;position:relative}.tracking-timeline .timeline-item:not(:last-child):before{content:"";position:absolute;left:12px;top:20px;bottom:0;width:2px;background:#e2e8f0}.tracking-timeline .timeline-item.latest .timeline-dot{background:var(--color-primary)}.tracking-timeline .timeline-item .timeline-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;flex-shrink:0;margin-top:4px}.tracking-timeline .timeline-item .timeline-date{font-size:12px;color:var(--text-muted);display:block}.tracking-timeline .timeline-item .timeline-text{font-size:14px;color:var(--text-secondary)}.items-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;gap:16px;align-items:center;padding:12px;border:1px solid #f1f5f9;border-radius:10px;transition:all var(--transition-fast)}.order-item:hover{background:#fafafa}.order-item .item-image{width:70px;height:70px;border-radius:8px;object-fit:cover;flex-shrink:0}.order-item .item-info{flex:1;min-width:0}.order-item .item-info .item-name{font-size:14px;font-weight:600;margin-bottom:2px}.order-item .item-info .item-specs{font-size:12px;color:var(--text-muted)}.order-item .item-info .sample-tag{display:inline-block;margin-top:4px;font-size:11px;background:var(--bg-light-purple);color:var(--color-accent-purple);padding:2px 8px;border-radius:8px}.order-item .item-numbers{text-align:right}.order-item .item-numbers .item-price{font-size:14px;font-weight:500}.order-item .item-numbers .item-qty{font-size:12px;color:var(--text-muted)}.order-item .item-numbers .item-total{font-size:15px;font-weight:700;color:var(--color-primary)}.address-block{padding:16px;background:#f8fafc;border-radius:10px}.address-block .addr-name{font-weight:600;font-size:15px}.address-block .addr-phone{font-size:13px;color:var(--text-secondary);margin-top:2px}.address-block .addr-full{font-size:13px;color:var(--text-muted);margin-top:4px;line-height:1.5}.payment-card,.info-card{background:var(--bg-white);border-radius:var(--border-radius);padding:24px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.payment-card h2,.info-card h2{font-size:17px;font-weight:700;margin-bottom:16px}.pay-rows{display:flex;flex-direction:column;gap:8px}.pay-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.pay-row.discount{color:#059669}.pay-row.refund{color:var(--color-primary)}.pay-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin-top:16px;padding-top:12px;border-top:2px dashed #e2e8f0}.pay-total .total-value{color:var(--color-primary);font-size:22px}.info-rows{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-size:13px}.info-row span:first-child{color:var(--text-muted)}.info-row span:last-child{color:var(--text-secondary);font-weight:500}.back-link{display:block;text-align:center;margin-top:8px;color:var(--color-primary);font-weight:500;font-size:14px}.back-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--border-radius-lg);padding:32px;width:90%;max-width:500px;animation:fadeIn .2s ease}.modal-content h3{font-size:20px;font-weight:700;margin-bottom:12px}.modal-content p{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-content select,.modal-content textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;margin-bottom:12px}.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:var(--color-primary)}.modal-content .star-rating{display:flex;gap:4px;margin-bottom:16px;font-size:32px}.modal-content .star-rating .star{cursor:pointer;color:#e2e8f0;transition:color var(--transition-fast)}.modal-content .star-rating .star.active{color:#fbbf24}.modal-content .star-rating .star:hover{color:#f59e0b}.modal-content .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal-content .modal-actions .cancel-btn{padding:10px 20px;border-radius:8px;background:var(--bg-page);font-weight:500}.modal-content .modal-actions .confirm-btn{padding:10px 20px;border-radius:8px;background:var(--color-primary);color:#fff;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 900px){.detail-layout{grid-template-columns:1fr}.status-banner{flex-direction:column;gap:16px;text-align:center}.status-banner .banner-actions{justify-content:center}}.design-editor{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#1a1a2e;color:#eaeaea;font-family:Inter,Segoe UI,sans-serif;position:relative}.de-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);padding:10px 28px;border-radius:8px;font-size:14px;font-weight:500;z-index:9999;animation:deToastIn .3s ease;box-shadow:0 2px 12px #00000059}.de-toast--success{background:#27ae60;color:#fff}.de-toast--error{background:#e94560;color:#fff}@keyframes deToastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.de-toolbar{display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;padding:0 16px;background:#16213e;border-bottom:1px solid #0f3460;z-index:100}.de-toolbar__left,.de-toolbar__center,.de-toolbar__right{display:flex;align-items:center;gap:8px}.de-toolbar__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8b95a5;cursor:pointer;border-radius:8px;transition:all .2s}.de-toolbar__back svg{width:20px;height:20px}.de-toolbar__back:hover{background:#0f3460;color:#eaeaea}.de-toolbar__product{display:flex;flex-direction:column;gap:2px;margin-left:8px}.de-toolbar__name-input{background:transparent;border:1px solid transparent;color:#eaeaea;font-size:15px;font-weight:600;padding:2px 8px;border-radius:6px;width:200px;outline:none;transition:border-color .2s}.de-toolbar__name-input:hover,.de-toolbar__name-input:focus{border-color:#0f3460;background:#0f3460}.de-toolbar__dimensions{font-size:11px;color:#555e6e;padding-left:8px}.de-toolbar__btn{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;background:transparent;border:1px solid transparent;color:#8b95a5;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.de-toolbar__btn svg{width:18px;height:18px;flex-shrink:0}.de-toolbar__btn:hover:not(:disabled){background:#0f3460;color:#eaeaea}.de-toolbar__btn:disabled{opacity:.3;cursor:default}.de-toolbar__btn--danger:hover{background:#e9456026;color:#e94560}.de-toolbar__btn--save{border-color:#0f3460}.de-toolbar__btn--save:hover{background:#0f3460;color:#4b4;border-color:#4b4}.de-toolbar__btn--done{background:#e94560;color:#fff;border-color:#e94560;font-weight:600}.de-toolbar__btn--done:hover{background:#ff6b81;border-color:#ff6b81}.de-toolbar__divider{width:1px;height:24px;background:#0f3460;margin:0 4px}.de-toolbar__zoom{font-size:12px;color:#8b95a5;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.de-toolbar__zoom-slider{width:80px;accent-color:#e94560;cursor:pointer}.de-workspace{display:flex;flex:1;overflow:hidden}.de-left{display:flex;width:340px;min-width:340px;background:#16213e;border-right:1px solid #0f3460}.de-left__tabs{display:flex;flex-direction:column;width:64px;min-width:64px;background:#121b33;border-right:1px solid #0f3460;padding:12px 0;gap:4px}.de-left__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;background:transparent;border:none;color:#555e6e;cursor:pointer;border-radius:0;transition:all .2s;border-left:3px solid transparent}.de-left__tab svg{width:20px;height:20px}.de-left__tab span{font-size:10px;font-weight:500}.de-left__tab:hover{color:#8b95a5;background:#ffffff08}.de-left__tab.active{color:#e94560;border-left-color:#e94560;background:#e9456014}.de-left__content{flex:1;overflow-y:auto;padding:16px}.de-left__content::-webkit-scrollbar{width:5px}.de-left__content::-webkit-scrollbar-thumb{background:#2d3a5e;border-radius:3px}.de-panel__title{font-size:13px;font-weight:600;color:#8b95a5;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.de-panel__add-btn{width:100%;padding:12px;background:#e945601a;border:2px dashed rgba(233,69,96,.4);color:#e94560;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.de-panel__add-btn:hover{background:#e945602e;border-color:#e94560}.de-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;gap:8px;border:2px dashed #0f3460;border-radius:12px;cursor:pointer;transition:all .2s;background:#ffffff05}.de-upload-area svg{width:32px;height:32px;color:#555e6e}.de-upload-area p{font-size:14px;color:#8b95a5;margin:0}.de-upload-area span{font-size:11px;color:#555e6e}.de-upload-area:hover{border-color:#e94560;background:#e945600f}.de-upload-area:hover svg{color:#e94560}.de-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.de-gallery-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:#0f3460}.de-gallery-item img{width:100%;height:100%;object-fit:cover}.de-gallery-item:hover{border-color:#e94560;transform:scale(1.04)}.de-text-presets{display:flex;flex-direction:column;gap:8px;margin-top:16px}.de-text-preset{width:100%;padding:14px 16px;background:#0f3460;border:1px solid #1a3a6e;color:#eaeaea;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.de-text-preset:hover{border-color:#e94560;background:#e9456014}.de-text-preset--heading{font-size:22px;font-weight:700}.de-text-preset--sub{font-size:16px;font-weight:500}.de-text-preset--body{font-size:13px}.de-text-format{margin-top:20px;padding-top:16px;border-top:1px solid #0f3460}.de-text-format h4{font-size:12px;font-weight:600;color:#8b95a5;text-transform:uppercase;margin:0 0 10px}.de-text-format__row{display:flex;gap:8px;margin-bottom:8px}.de-text-format__row select,.de-text-format__row input[type=number]{flex:1;padding:7px 10px;background:#0f3460;border:1px solid #1a3a6e;color:#eaeaea;border-radius:6px;font-size:13px;outline:none}.de-text-format__row select:focus,.de-text-format__row input[type=number]:focus{border-color:#e94560}.de-text-format__row input[type=color]{width:38px;height:34px;padding:2px;border:1px solid #1a3a6e;border-radius:6px;cursor:pointer;background:#0f3460}.de-text-format__btns{display:flex;gap:2px;flex-wrap:wrap}.de-text-format__btns button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:#555e6e;border-radius:6px;cursor:pointer;transition:all .2s}.de-text-format__btns button svg{width:16px;height:16px}.de-text-format__btns button:hover{background:#0f3460;color:#eaeaea}.de-text-format__btns button.active{background:#e9456026;color:#e94560;border-color:#e9456066}.de-text-format__sep{width:1px;height:24px;background:#0f3460;margin:0 4px;align-self:center}.de-color-picker input[type=color]{width:100%;height:40px;padding:2px;border:1px solid #1a3a6e;border-radius:8px;cursor:pointer;background:#0f3460;margin-bottom:12px}.de-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.de-swatch{width:32px;height:32px;border-radius:8px;border:2px solid #1a3a6e;cursor:pointer;transition:all .2s}.de-swatch:hover{transform:scale(1.15);border-color:#8b95a5}.de-gradient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.de-gradient-item{aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .2s}.de-gradient-item:hover{border-color:#e94560;transform:scale(1.06)}.de-layers-list{display:flex;flex-direction:column;gap:2px}.de-layers-empty{color:#555e6e;font-size:13px;text-align:center;padding:24px 0}.de-layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s}.de-layer-item:hover{background:#ffffff0a}.de-layer-item.selected{background:#e945601a;border-left:3px solid #e94560}.de-layer-vis{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#555e6e;cursor:pointer}.de-layer-vis svg{width:16px;height:16px}.de-layer-vis:hover{color:#eaeaea}.de-layer-name{flex:1;font-size:13px;color:#eaeaea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.de-layer-actions{display:flex;gap:2px}.de-layer-actions button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#555e6e;cursor:pointer;border-radius:4px;font-size:12px}.de-layer-actions button:hover{background:#0f3460;color:#eaeaea}.de-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.de-template-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:#0f3460;border:1px solid #1a3a6e;border-radius:10px;cursor:pointer;transition:all .2s}.de-template-card:hover{border-color:#e94560;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.de-template-thumb{font-size:28px}.de-template-name{font-size:12px;font-weight:600;color:#eaeaea}.de-template-cat{font-size:10px;color:#555e6e}.de-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0e1a;position:relative;overflow:auto;background-image:linear-gradient(45deg,#111827 25%,transparent 25%),linear-gradient(-45deg,#111827 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111827 75%),linear-gradient(-45deg,transparent 75%,#111827 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.de-canvas-wrapper{box-shadow:0 4px 40px #00000080;border-radius:4px;overflow:hidden}.de-canvas-wrapper canvas{display:block}.de-product-selector{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px 8px;background:#16213eeb;border:1px solid #0f3460;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.de-product-btn{padding:6px 14px;background:transparent;border:1px solid transparent;color:#555e6e;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.de-product-btn:hover{color:#8b95a5;background:#ffffff0d}.de-product-btn.active{background:#e9456026;color:#e94560;border-color:#e9456066;font-weight:600}.de-right{width:280px;min-width:280px;background:#16213e;border-left:1px solid #0f3460;overflow-y:auto;padding:16px}.de-right::-webkit-scrollbar{width:5px}.de-right::-webkit-scrollbar-thumb{background:#2d3a5e;border-radius:3px}.de-right__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.de-right__header h3{font-size:15px;font-weight:600;margin:0}.de-right__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#555e6e;cursor:pointer;font-size:18px;border-radius:6px}.de-right__close:hover{background:#0f3460;color:#eaeaea}.de-right__section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #0f3460}.de-right__section h4{font-size:11px;font-weight:600;color:#555e6e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.de-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.de-prop-grid label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#555e6e}.de-prop-grid label input{padding:6px 8px;background:#0f3460;border:1px solid #1a3a6e;color:#eaeaea;border-radius:6px;font-size:13px;outline:none;width:100%}.de-prop-grid label input:focus{border-color:#e94560}.de-prop-grid label input[type=range]{padding:0;border:none;background:transparent;accent-color:#e94560}.de-transform-btns{display:flex;gap:6px;margin-top:10px}.de-transform-btns button{flex:1;height:34px;display:flex;align-items:center;justify-content:center;background:#0f3460;border:1px solid #1a3a6e;color:#8b95a5;border-radius:8px;cursor:pointer;transition:all .2s}.de-transform-btns button svg{width:16px;height:16px}.de-transform-btns button:hover{border-color:#e94560;color:#e94560}.de-btn--danger:hover{background:#e9456026!important;border-color:#e94560!important;color:#e94560!important}.de-right__info{border-bottom:none}.de-info-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px}.de-info-row span:first-child{color:#555e6e}.de-info-row span:last-child{color:#8b95a5;font-variant-numeric:tabular-nums}:root{--color-primary: #FF6B6B;--color-primary-dark: #E85555;--color-primary-light: #FF8A8A;--color-accent-blue: #4ECDC4;--color-accent-purple: #A78BFA;--color-accent-yellow: #FBBF24;--color-accent-green: #34D399;--color-accent-orange: #FB923C;--bg-light-blue: #E8F4FD;--bg-light-pink: #FFF0F0;--bg-light-green: #E8FFF0;--bg-light-purple: #F0E8FF;--bg-cream: #FFF8F0;--bg-page: #F8FAFC;--bg-white: #FFFFFF;--text-primary: #1A1A2E;--text-secondary: #4A5568;--text-muted: #9CA3AF;--text-light: #CBD5E1;--footer-bg: #1A1A2E;--footer-text: #94A3B8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .12);--container-width: 1280px;--header-height: 120px;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-primary);line-height:1.6}*{box-sizing:border-box}ul,li{list-style:none;padding:0;margin:0}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:40px}.section-header .section-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;gap:12px}.section-header .section-title .sparkle{font-size:24px}.section-header .view-all-link{display:inline-block;margin-top:8px;font-size:14px;font-weight:500;color:var(--color-primary);border:1px solid var(--color-primary);padding:8px 24px;border-radius:20px;transition:all var(--transition-fast)}.section-header .view-all-link:hover{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}