@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,600&display=swap";:root{--primary:#4fbfa8;--primary-light:#6ecdb8;--primary-dark:#3aa090;--primary-glow:rgba(79,191,168,.18);--primary-border:rgba(79,191,168,.35);--secondary:#4a6fa5;--secondary-light:#6487b8;--secondary-dark:#385888;--secondary-glow:rgba(74,111,165,.12);--accent:#d89a4a;--accent-light:#e8b068;--accent-dark:#c0832c;--accent-glow:rgba(216,154,74,.15);--success:#3daa80;--warning:#e8a830;--danger:#d64545;--info:#4a6fa5;--bg:#fff;--bg-secondary:#f7f9f8;--bg-teal:#f2fbf8;--bg-hero:linear-gradient(160deg,#fff,#f0faf6 50%,#eaf7f2);--surface:#fff;--surface-2:#f4f8f6;--surface-3:#ebf5f1;--surface-4:#dff0ea;--border:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.15);--border-primary:rgba(79,191,168,.4);--glass:hsla(0,0%,100%,.85);--glass-hover:hsla(0,0%,100%,.95);--text:#333;--text-secondary:#6e6e6e;--text-muted:#9e9e9e;--text-inverse:#fff;--text-primary:var(--primary-dark);--text-link:var(--secondary);--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-display:"Playfair Display",Georgia,"Times New Roman",serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 3px rgba(0,0,0,.06);--shadow-sm:0 2px 8px rgba(0,0,0,.07);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-md:0 6px 24px rgba(0,0,0,.09);--shadow-lg:0 12px 40px rgba(0,0,0,.11);--shadow-xl:0 24px 60px rgba(0,0,0,.13);--shadow-primary:0 6px 24px rgba(79,191,168,.3);--shadow-secondary:0 6px 24px rgba(74,111,165,.25);--shadow-accent:0 4px 16px rgba(216,154,74,.25);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition:.24s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--navbar-height:72px;--sidebar-width:270px;--container-max:1320px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text);font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.75rem)}h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}h3{font-size:clamp(1.2rem,2.5vw,1.65rem)}h4{font-size:1.2rem}h5{font-size:1.05rem}h6{font-size:.95rem}.container{margin:0 auto;max-width:var(--container-max);padding:0 var(--space-6);width:100%}@media(max-width:768px){.container{padding:0 var(--space-4)}}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.01em;padding:.7rem 1.75rem;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--primary);box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 10px 32px #4fbfa866;transform:translateY(-2px)}.btn-secondary{background:var(--secondary);box-shadow:var(--shadow-secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark);transform:translateY(-2px)}.btn-accent{background:var(--accent);box-shadow:var(--shadow-accent);color:#fff}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-2px)}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary-dark)}.btn-outline:hover{background:var(--primary-glow);border-color:var(--primary-dark)}.btn-ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b83a3a;transform:translateY(-1px)}.btn-sm{font-size:.82rem;padding:.45rem 1rem}.btn-lg{font-size:1rem;padding:.9rem 2.5rem}.btn-xl{border-radius:var(--radius-md);font-size:1.05rem;padding:1.1rem 3rem}.btn-icon{border-radius:var(--radius);height:2.5rem;padding:.625rem;width:2.5rem}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.form-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236e6e6e' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-error{color:var(--danger);font-size:.8rem;margin-top:var(--space-1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-sans);font-size:.72rem;font-weight:700;gap:.3rem;letter-spacing:.07em;padding:.2rem .65rem;text-transform:uppercase}.badge-primary{background:#4fbfa81f;border:1px solid var(--primary-border);color:var(--primary-dark)}.badge-secondary{background:#4a6fa51a;border:1px solid rgba(74,111,165,.25);color:var(--secondary)}.badge-success{background:#3daa801a;border:1px solid rgba(61,170,128,.25);color:#2a8a62}.badge-warning{background:#d89a4a1f;border:1px solid rgba(216,154,74,.3);color:var(--accent-dark)}.badge-danger{background:#d645451a;border:1px solid rgba(214,69,69,.2);color:#b83a3a}.badge-info{background:#4a6fa51a;border:1px solid rgba(74,111,165,.25);color:var(--secondary)}.badge-muted{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.badge-accent{background:#d89a4a1a;border:1px solid rgba(216,154,74,.3);color:var(--accent-dark)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.divider{background:var(--border);height:1px;margin:var(--space-6) 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:fadeIn .4s ease forwards}.animate-slide-right{animation:slideInRight .45s ease forwards}.animate-spin{animation:spin 1s linear infinite}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:var(--radius)}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;position:fixed;right:1.5rem;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease forwards;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;max-width:440px;min-width:300px;padding:1rem 1.25rem;pointer-events:all}.toast-success{border-left:3px solid var(--success);color:var(--text)}.toast-error{border-left:3px solid var(--danger);color:var(--text)}.toast-info{border-left:3px solid var(--secondary);color:var(--text)}.toast-warning{border-left:3px solid var(--accent);color:var(--text)}.overlay{animation:fadeIn .2s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;inset:0;position:fixed;z-index:100}.stars{display:inline-flex;gap:2px}.star-filled{color:var(--accent)}.star-empty{color:#ddd}.price{font-family:var(--font-display);font-weight:700}.price-original{color:var(--text-muted);font-family:var(--font-sans);font-size:.85em;font-weight:400;text-decoration:line-through}.price-sale{color:var(--danger)}.section-header{align-items:flex-end;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-10)}.section-eyebrow{color:var(--primary-dark);font-size:.78rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-2);text-transform:uppercase}.section-title{color:var(--text);font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700}.section-title span{color:var(--primary-dark)}.gradient-text{background:linear-gradient(135deg,var(--primary-dark),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pagination{gap:.5rem}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;height:2.25rem;transition:all var(--transition-fast);width:2.25rem}.page-btn.active,.page-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-primary);color:#fff}.page-btn:disabled{opacity:.35;pointer-events:none}.qty-input{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.qty-btn{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.qty-btn:hover{background:var(--surface-2);color:var(--primary-dark)}.qty-value{color:var(--text);font-size:.9rem;font-weight:600;text-align:center;width:2.5rem}.spinner{animation:spin .65s linear infinite;border:2px solid var(--surface-3);border-radius:50%;border-top-color:var(--primary);height:2rem;width:2rem}.empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-20) var(--space-8);text-align:center}.empty-icon{font-size:4rem;opacity:.35}.empty-state h3{color:var(--text-secondary)}.empty-state p{color:var(--text-muted);font-size:.9rem;max-width:300px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary-dark)}.text-secondary-color{color:var(--secondary)}.text-accent{color:var(--accent-dark)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.page-enter-active,.page-leave-active{transition:opacity .28s,transform .28s}.page-enter-from{opacity:0;transform:translateY(5px)}.page-leave-to{opacity:0;transform:translateY(-5px)}.section,.section-alt{padding:var(--space-20) 0}.section-alt{background:var(--bg-secondary)}.section-teal{background:var(--bg-teal);padding:var(--space-20) 0}