*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #00b8d4;--primary-light: #26c6da;--primary-dark: #0088a3;--primary-50: #e0f7fa;--primary-100: #b2ebf2;--accent: #0097a7;--accent-light: #00acc1;--accent-dark: #00788a;--accent-50: #e0f7fa;--body-bg: #f5f8fa;--surface: #ffffff;--surface-alt: #f0f6f8;--surface-hover: #e6f4f7;--surface-raised: #ffffff;--border: #d8edf2;--border-light: #e8f5f9;--text-primary: #1a2b30;--text-secondary: #2e4a52;--text-muted: #6b8c96;--text-on-primary: #ffffff;--primary-hero: #007a91;--primary-footer: #005f73;--primary-gradient: #0097b2;--info: #0077a8;--info-bg: #e0f2f7;--info-text: #005577;--status-pending: #d4850a;--status-pending-bg: #fff3e0;--status-confirmed: #00897b;--status-confirmed-bg: #e0f2f1;--status-processing: #0077a8;--status-processing-bg: #e0f2f7;--status-shipped: #5c6bc0;--status-shipped-bg: #e8eaf6;--status-delivered: #00897b;--status-delivered-bg: #e0f2f1;--status-cancelled: #c62828;--status-cancelled-bg: #ffebee;--success: #00897b;--success-bg: #e0f2f1;--warning: #d4850a;--warning-bg: #fff3e0;--error: #c62828;--error-bg: #ffebee;--rgb-primary: 0, 184, 212;--rgb-primary-dark: 0, 136, 163;--rgb-primary-hero: 0, 122, 145;--rgb-primary-gradient: 0, 151, 178;--rgb-accent: 0, 151, 167;--rgb-accent-light: 0, 172, 193;--rgb-error: 198, 40, 40;--rgb-white: 255, 255, 255;--rgb-black: 0, 0, 0;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 10px rgba(0, 184, 212, .1);--shadow-md: 0 6px 24px rgba(0, 184, 212, .14), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 16px 48px rgba(0, 184, 212, .16), 0 4px 14px rgba(0, 0, 0, .06);--shadow-xl: 0 28px 72px rgba(0, 0, 0, .16);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 6px 20px rgba(0, 184, 212, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 36px;--radius-full: 9999px;--font-heading: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--header-height: 68px;--nav-height: 46px;--container-max: 1360px;--container-padding: 2.5rem;--transition-fast: .14s ease;--transition-base: .22s ease;--transition-slow: .38s ease}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--body-bg);color:var(--text-primary);line-height:1.72;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(2.75rem,6vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.04em}h2{font-size:clamp(1.875rem,3.5vw,2.875rem);font-weight:700;line-height:1.08;letter-spacing:-.03em}h3{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;line-height:1.25;letter-spacing:-.02em}h4{font-size:1.125rem;font-weight:600;line-height:1.35;letter-spacing:-.015em}p{line-height:1.75;color:var(--text-secondary)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}input,textarea,select{font-family:var(--font-body)}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:2px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;white-space:nowrap;text-decoration:none;line-height:1;letter-spacing:.02em}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #00b8d433,0 4px 16px #1a6b3a24}.btn--primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 20px #00b8d452;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #00b8d433}.btn--secondary{background:transparent;color:var(--primary);border-color:var(--primary)}.btn--secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-dark);color:var(--primary-dark);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0)}.btn--accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #0097a738,0 4px 16px #0097a729}.btn--accent:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 4px 20px #0097a757;transform:translateY(-1px)}.btn--accent:active:not(:disabled){transform:translateY(0)}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-alt);border-color:var(--text-muted);color:var(--text-primary)}.btn--danger{background:var(--error-bg);color:var(--error);border-color:transparent}.btn--danger:hover:not(:disabled){background:#fce0e0;border-color:var(--error)}.btn--sm{padding:.5rem 1.125rem;font-size:.8rem;letter-spacing:.015em}.btn--lg{padding:.9rem 2.5rem;font-size:.95rem;letter-spacing:.025em}.btn--icon{padding:.55rem;border-radius:var(--radius-md);aspect-ratio:1}.btn--full{width:100%}.badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge--sale{background:#fde8e8;color:var(--error)}.badge--new{background:var(--primary-100);color:var(--primary-dark)}.badge--popular{background:var(--accent-50);color:var(--accent-dark)}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-family:var(--font-body);margin-bottom:1rem}.section-label:before{content:"";display:inline-block;width:18px;height:2px;background:var(--primary);border-radius:2px}.section-header{margin-bottom:3rem}.section-header h2{font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.035em;line-height:1.08;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:1.075rem;max-width:560px;line-height:1.85;font-weight:400}.section-header--center{text-align:center}.section-header--center .section-label:before{display:none}.section-header--center .section-label{justify-content:center}.section-header--center p{margin:0 auto}.star-rating{display:flex;align-items:center;gap:.05rem}.star-rating .star{color:#f59e0b;font-size:.9rem;font-variation-settings:"FILL" 1}.star-rating .star-empty{color:#c8dde2;font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.83rem;font-weight:600;color:var(--text-secondary);letter-spacing:.015em}.form-group .form-control{width:100%;padding:.85rem 1.15rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.925rem;font-family:var(--font-body);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;appearance:none}.form-group .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00b8d426}.form-group .form-control::placeholder{color:var(--text-muted)}.form-group .form-control.error{border-color:var(--error)}.form-group .field-error{font-size:.8rem;color:var(--error)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.25rem;vertical-align:middle;-webkit-user-select:none;user-select:none;display:inline-block;width:1em;height:1em;overflow:hidden;line-height:1;flex-shrink:0}.divider{height:1px;background:var(--border);border:none;margin:1.75rem 0}.skeleton{background:linear-gradient(90deg,#ddeef2 25%,#eaf5f8,#ddeef2 75%);background-size:200% 100%;animation:skeleton-loading 1.8s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.font-heading{font-family:var(--font-heading)}.font-600{font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:1.125rem}:root{--container-padding: 1.25rem;--header-height: 68px;--nav-height: 48px}}@media(max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:.875rem}}.page-hero{background:linear-gradient(150deg,var(--primary-50) 0%,var(--accent-50) 100%);padding:5rem 0;border-bottom:1px solid var(--border-light);margin-bottom:4rem}.page-hero h1{font-size:clamp(2.25rem,4.5vw,3.5rem);margin-top:.875rem;letter-spacing:-.04em;line-height:1.05;color:var(--text-primary)}.page-hero .breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.page-hero .breadcrumb a{color:var(--primary);font-weight:600}.page-hero .breadcrumb a:hover{text-decoration:underline}.page-hero .breadcrumb span{font-size:1rem}.empty-state{text-align:center;padding:7rem 2rem}.empty-state .empty-icon{font-size:4rem;color:var(--border);margin-bottom:1.5rem}.empty-state h3{font-size:1.75rem;margin-bottom:.875rem;color:var(--text-secondary)}.empty-state p{color:var(--text-muted);max-width:380px;margin:0 auto 2.5rem;line-height:1.8}.price{font-weight:700;color:var(--primary-dark)}.price .original{font-weight:400;color:var(--text-muted);text-decoration:line-through;font-size:.875em;margin-left:.375rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}