@charset "UTF-8";:root{--color-primary-purple: #7C3AED;--color-primary-purple-dark: #9333EA;--color-primary-orange: #F97316;--color-primary-orange-light: #FB923C;--color-secondary-purple-light: #C4B5FD;--color-success-green: #10B981;--color-success-bg: #D1FAE5;--color-success-text: #065F46;--color-warning-amber: #F59E0B;--color-danger-red: #EF4444;--color-neutral-dark: #1F2937;--color-neutral-medium: #6B7280;--color-neutral-light: #F3F4F6;--color-neutral-lighter: #F9FAFB;--color-neutral-border: #E5E7EB;--color-neutral-faint: #9CA3AF;--color-white: #FFFFFF;--gradient-primary: linear-gradient(135deg, var(--color-primary-purple) 0%, var(--color-primary-purple-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--color-primary-orange) 0%, var(--color-primary-orange-light) 100%);--gradient-logo: linear-gradient(135deg, var(--color-primary-purple) 0%, var(--color-primary-orange) 100%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--font-size-h1: 24px;--line-height-h1: 1.2;--font-weight-h1: 700;--font-size-h2: 20px;--line-height-h2: 1.3;--font-weight-h2: 600;--font-size-h3: 16px;--line-height-h3: 1.4;--font-weight-h3: 600;--font-size-body: 14px;--line-height-body: 1.6;--font-weight-body: 400;--font-size-small: 12px;--line-height-small: 1.5;--font-weight-small: 400;--font-size-price-lg: 28px;--line-height-price-lg: 1.1;--font-weight-price-lg: 700;--font-size-price-md: 18px;--line-height-price-md: 1.2;--font-weight-price-md: 600;--font-size-button: 14px;--line-height-button: 1;--font-weight-button: 600;--space-0-5: 4px;--space-1: 8px;--space-1-5: 12px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-component-padding: 16px;--space-card-padding: 12px;--space-section-margin: 24px;--space-element-gap: 8px;--space-grid-gutter: 16px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-badge: 16px;--radius-pill: 20px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 20px rgba(0, 0, 0, .1);--shadow-primary-cta: 0 4px 12px rgba(124, 58, 237, .3);--shadow-primary-cta-hover: 0 6px 16px rgba(124, 58, 237, .4);--shadow-accent-cta: 0 4px 12px rgba(249, 115, 22, .3);--bp-mobile: 320px;--bp-mobile-lg: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-desktop-lg: 1280px;--bp-desktop-xl: 1536px;--transition-base: all .2s cubic-bezier(.4, 0, .2, 1)}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:#4b5563;padding:6px 0}.summary-row .free{color:var(--color-success-green);font-weight:600}.summary-row.total{border-top:1px solid var(--color-neutral-border);margin-top:var(--space-1);padding-top:var(--space-1-5);font-size:16px;font-weight:700;color:var(--color-neutral-dark)}@media(min-width:1024px){.summary-row.total{font-size:18px}}.primary-btn{display:inline-block;background:var(--gradient-primary);color:var(--color-white);padding:14px 28px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-primary-cta);transition:var(--transition-base)}.primary-btn:disabled{opacity:.6}.field{display:block}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--color-neutral-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family-base)}.field input:focus,.field textarea:focus{outline:2px solid var(--color-primary-purple);outline-offset:-1px;border-color:var(--color-primary-purple)}.field textarea{resize:vertical}.field-error{display:block;color:var(--color-danger-red);font-size:var(--font-size-small);font-weight:400;margin-top:4px}.form-error{padding:10px 12px;background:#fef2f2;border:1px solid var(--color-danger-red);border-radius:var(--radius-md);color:var(--color-danger-red);font-size:13px;margin-bottom:var(--space-2)}.star-selector{display:flex;gap:4px}.star-btn{background:none;border:none;font-size:28px;line-height:1;min-width:44px;min-height:44px;color:var(--color-neutral-border);cursor:pointer}.star-btn--active{color:var(--color-warning-amber)}.form-success{padding:10px 12px;background:#ecfdf5;border:1px solid var(--color-success-green);border-radius:var(--radius-md);color:var(--color-success-green);font-size:13px;margin-bottom:var(--space-2)}.purchase-actions{display:flex;gap:var(--space-1-5);margin-top:var(--space-2)}.add-cart-btn,.buy-now-btn{flex:1;padding:14px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;color:var(--color-white);cursor:pointer}.add-cart-btn:disabled,.buy-now-btn:disabled{opacity:.6}.add-cart-btn{background:var(--gradient-accent);box-shadow:var(--shadow-accent-cta)}.buy-now-btn{background:var(--gradient-primary);box-shadow:var(--shadow-primary-cta)}.variant-section{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-border)}.variant-price-label{font-size:var(--font-size-small);color:var(--color-neutral-medium)}.variant-price-row{display:flex;align-items:center;gap:var(--space-1);margin-top:2px}.stock-badge{padding:3px 10px;border-radius:var(--radius-badge);font-size:11px;font-weight:600;background:var(--color-success-bg);color:var(--color-success-text)}.stock-badge--out{background:#fee2e2;color:#991b1b}.variant-group{margin-top:var(--space-1-5)}.variant-group-label{font-size:13px;font-weight:600;margin-bottom:var(--space-1)}.variant-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.variant-chip{min-width:44px;min-height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-neutral-border);background:var(--color-white);font-size:13px;font-weight:600;color:var(--color-neutral-dark);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-base)}.variant-chip:hover:not(:disabled){border-color:var(--color-primary-purple)}.variant-chip.is-selected{border-color:var(--color-primary-purple);background:#f5f3ff;color:var(--color-primary-purple)}.variant-chip.is-oos{opacity:.45;cursor:not-allowed;text-decoration:line-through}.variant-chip--color{padding:0;width:44px}.color-swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-neutral-border);display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.state-message{padding:var(--space-4) 0;text-align:center;color:var(--color-neutral-medium)}.state-message--error{color:var(--color-danger-red)}.empty-state{text-align:center;padding:var(--space-8) 0}.empty-state .empty-icon{font-size:48px;display:block;margin-bottom:var(--space-2)}.empty-state p{color:var(--color-neutral-medium);margin-bottom:var(--space-2)}.acc{margin:0 16px 10px;background:var(--color-white);border:1px solid var(--color-neutral-border);border-radius:var(--radius-md);overflow:hidden}@media(min-width:1024px){.acc{margin:0 0 10px}}.acc.open{border-color:var(--color-secondary-purple-light);box-shadow:var(--shadow-card)}.collapsible{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-1-5);padding:14px 16px;border:none;background:var(--color-neutral-lighter);font:inherit;font-weight:600;font-size:15px;color:var(--color-neutral-dark);text-align:left;cursor:pointer;transition:background .15s ease}.collapsible:hover{background:var(--color-neutral-light)}.collapsible:focus-visible{outline:2px solid var(--color-primary-purple);outline-offset:-2px}.open .collapsible{background:var(--color-white);color:var(--color-primary-purple);border-bottom:1px solid var(--color-neutral-border)}.acc-title{display:inline-flex;align-items:center;gap:var(--space-1-5)}.acc-title app-icon{color:var(--color-primary-purple);font-size:17px}.acc-chev{flex-shrink:0;font-size:18px;color:var(--color-neutral-medium);transition:transform .2s ease}.open .acc-chev{transform:rotate(180deg);color:var(--color-primary-purple)}.collapsible-body{padding:16px}.prose{margin:0;font-size:14.5px;line-height:1.75;color:var(--color-neutral-medium)}.prose.muted{font-style:italic}.spec-list{margin:0;display:flex;flex-direction:column}.spec-row{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:var(--space-2);padding:10px 0;border-bottom:1px solid var(--color-neutral-light)}.spec-row:first-child{padding-top:0}.spec-row:last-child{border-bottom:none;padding-bottom:0}.spec-row dt{font-weight:600;font-size:14px;color:var(--color-neutral-dark);text-transform:capitalize}.spec-row dd{margin:0;font-size:14px;line-height:1.6;color:var(--color-neutral-medium)}.a-panel{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-card);margin-bottom:var(--space-3)}.a-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.a-panel-header h2{font-size:16px;font-weight:700}.a-panel-actions{display:flex;gap:10px;align-items:center}.a-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.a-btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:inherit;border:1px solid var(--color-neutral-border);background:var(--color-white);color:var(--color-neutral-dark);cursor:pointer;text-decoration:none;display:inline-block;transition:var(--transition-base)}.a-btn:hover:not(:disabled){background:var(--color-neutral-lighter)}.a-btn:disabled{opacity:.5;cursor:not-allowed}.a-btn--primary{background:var(--color-primary-purple);color:var(--color-white);border-color:var(--color-primary-purple)}.a-btn--primary:hover:not(:disabled){background:var(--color-primary-purple-dark)}.a-btn--danger{color:var(--color-danger-red);border-color:var(--color-danger-red)}.a-btn--danger:hover:not(:disabled){background:#fef2f2}.a-btn--sm{padding:5px 10px;font-size:12px}.a-table{width:100%;border-collapse:collapse;font-size:13px}.a-table th{text-align:left;padding:10px 12px;color:var(--color-neutral-medium);font-weight:600;border-bottom:1px solid var(--color-neutral-border);font-size:11px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.a-table td{padding:12px;border-bottom:1px solid var(--color-neutral-light);vertical-align:middle}.a-table tbody tr:last-child td{border-bottom:none}.a-table tbody tr:hover{background:var(--color-neutral-lighter)}.a-table .num{text-align:right;font-variant-numeric:tabular-nums}.a-cell-product{display:flex;align-items:center;gap:10px}.a-cell-product .thumb{width:36px;height:36px;flex-shrink:0;background:var(--color-neutral-light);border-radius:var(--radius-sm);object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-neutral-faint)}.a-cell-product .name{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.a-row-actions{display:flex;gap:var(--space-1);align-items:center;white-space:nowrap}.a-row-actions a,.a-row-actions button{font-size:12px;font-weight:600;color:var(--color-primary-purple);background:none;border:none;padding:4px 2px;cursor:pointer;font-family:inherit}.a-row-actions a:hover,.a-row-actions button:hover{text-decoration:underline}.a-row-actions a.danger,.a-row-actions button.danger{color:var(--color-danger-red)}.a-row-actions a:disabled,.a-row-actions button:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.a-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-badge);font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap;background:var(--color-neutral-light);color:var(--color-neutral-medium)}.a-tag--green{background:var(--color-success-bg);color:var(--color-success-text)}.a-tag--amber{background:#fef3c7;color:#92400e}.a-tag--red{background:#fee2e2;color:#991b1b}.a-tag--purple{background:#ede9fe;color:#5b21b6}.a-filters{display:flex;gap:var(--space-1-5);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-2)}.a-filters label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--color-neutral-medium);text-transform:uppercase;letter-spacing:.3px}.a-input,.a-select{padding:8px 10px;border:1px solid var(--color-neutral-border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-family-base);color:var(--color-neutral-dark);background:var(--color-white);text-transform:none;letter-spacing:normal;font-weight:400;min-width:160px}.a-input:focus,.a-select:focus{outline:2px solid var(--color-primary-purple);outline-offset:-1px;border-color:var(--color-primary-purple)}textarea.a-input{min-height:80px;resize:vertical;width:100%}.a-field{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--space-2)}.a-field>span{font-size:12px;font-weight:600;color:var(--color-neutral-dark)}.a-field .hint{font-size:11px;font-weight:400;color:var(--color-neutral-medium)}.a-field .a-input,.a-field .a-select{width:100%}.a-field--check{flex-direction:row;align-items:center;gap:var(--space-1)}.a-field--check input{width:16px;height:16px;accent-color:var(--color-primary-purple)}.a-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.a-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3);align-items:start}.a-banner{padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:var(--space-2);border:1px solid transparent}.a-banner--success{background:#ecfdf5;border-color:var(--color-success-green);color:var(--color-success-text)}.a-banner--error{background:#fef2f2;border-color:var(--color-danger-red);color:var(--color-danger-red)}.a-banner--info{background:var(--color-neutral-lighter);border-color:var(--color-neutral-border);color:var(--color-neutral-medium)}.a-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1-5);margin-top:var(--space-2);font-size:13px;color:var(--color-neutral-medium)}.a-state{padding:var(--space-4) 0;text-align:center;color:var(--color-neutral-medium);font-size:14px}.a-state--error{color:var(--color-danger-red)}.a-dl{display:grid;grid-template-columns:auto 1fr;gap:8px var(--space-2);font-size:13px}.a-dl dt{color:var(--color-neutral-medium);font-weight:600}.a-dl dd{color:var(--color-neutral-dark);word-break:break-word}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family-base);background:var(--color-neutral-light);color:var(--color-neutral-dark);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary-purple);outline-offset:2px}h1,h2,h3{font-weight:inherit}
