.product-page.svelte-1ufy82q{min-height:100vh;background:var(--color-background);background-image:radial-gradient(ellipse at top,rgba(var(--color-primary-rgb, 16, 185, 129),.1) 0%,var(--color-background) 50%);padding:2rem 0}.product-image-card{overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem}.product-image.svelte-1ufy82q{height:100%;width:100%;transition:transform var(--transition-normal)}.image-gallery-thumbnails.svelte-1ufy82q{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.5rem;margin:2rem;max-width:100%}.thumbnail-button.svelte-1ufy82q{aspect-ratio:1;border-radius:var(--border-radius-md);border:1px solid var(--color-border);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-surface);padding:0}.thumbnail-button.svelte-1ufy82q:hover{border-color:var(--color-border-hover);transform:scale(1.05)}.thumbnail-selected.svelte-1ufy82q{border-color:var(--color-primary)!important;border-width:2px;transform:scale(1.05)}.thumbnail-image.svelte-1ufy82q{width:100%;height:100%;object-fit:cover}.ref-badge{background-color:#0009!important;color:#fff!important;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-title.svelte-1ufy82q{margin-bottom:.5rem;font-size:1.875rem;font-weight:700;color:var(--color-text)}.product-price.svelte-1ufy82q{font-size:1.875rem;font-weight:700;color:var(--color-primary)}.availability-status.svelte-1ufy82q{display:flex;align-items:center;gap:.5rem}.availability-text.svelte-1ufy82q{font-weight:500}.availability-in-stock.svelte-1ufy82q{color:#22c55e}.availability-out-of-stock.svelte-1ufy82q{color:#ef4444}.availability-quantity.svelte-1ufy82q{color:var(--color-text-muted)}.option-section.svelte-1ufy82q{margin-bottom:1.5rem;overflow:visible}.option-title.svelte-1ufy82q{margin-bottom:.75rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.option-buttons.svelte-1ufy82q{display:flex;flex-wrap:wrap;padding:.25rem 0rem;overflow:visible;margin:-.25rem}.option-button.svelte-1ufy82q{border-radius:var(--border-radius-lg);border:2px solid var(--color-border);padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.option-button.svelte-1ufy82q:hover:not(.option-button-disabled){border-color:var(--color-border-hover);color:var(--color-text)}.option-button-selected.svelte-1ufy82q{border-color:var(--color-primary)!important;background-color:var(--color-border);color:var(--color-primary)!important}.option-button-disabled.svelte-1ufy82q{cursor:not-allowed;border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);opacity:.5}.color-swatch-button.svelte-1ufy82q{position:relative;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);overflow:visible;background-color:var(--color-surface);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:.25rem}.color-swatch-button.svelte-1ufy82q:hover:not(.color-swatch-disabled){border-color:var(--color-primary);border-width:2px;transform:scale(1.05);box-shadow:0 2px 8px #10b98133}.color-swatch-selected.svelte-1ufy82q{border-color:var(--color-primary)!important;border-width:2px;transform:scale(1.05);box-shadow:0 2px 8px #10b9814d}.color-swatch-disabled.svelte-1ufy82q{cursor:not-allowed;border-color:var(--color-border);opacity:.4;filter:grayscale(.5)}.color-swatch-label.svelte-1ufy82q{font-size:.625rem;font-weight:600;color:var(--color-text);text-align:center;padding:.25rem;line-height:1.2;word-break:break-word;max-width:100%;z-index:1}.quantity-section.svelte-1ufy82q{display:flex;align-items:center;gap:.75rem}.quantity-controls.svelte-1ufy82q{display:flex;align-items:center;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface)}.quantity-btn{height:2.5rem!important;width:2.5rem!important;color:var(--color-text-muted)!important}.quantity-btn:hover:not(:disabled){color:var(--color-text)!important}.quantity-input-native.svelte-1ufy82q{width:4rem;background-color:transparent;text-align:center;border:none;color:var(--color-text);font-size:1rem;padding:.5rem;outline:none}.quantity-error.svelte-1ufy82q{font-size:.875rem;color:var(--color-error)}.description-section.svelte-1ufy82q{margin-bottom:1.5rem}.description-title.svelte-1ufy82q{margin-bottom:.75rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.description-content.svelte-1ufy82q{max-width:none}.description-text.svelte-1ufy82q{color:var(--color-text-muted);line-height:1.6}.action-buttons.svelte-1ufy82q{display:flex;flex-direction:column;gap:.75rem}.add-to-cart-btn{font-weight:600;transition:all var(--transition-fast)}.add-to-cart-btn:hover:not(:disabled){color:#fff!important;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.related-products.svelte-1ufy82q{margin-top:4rem}.related-title.svelte-1ufy82q{margin-bottom:2rem;text-align:center;font-size:1.875rem;font-weight:700;color:var(--color-text)}.related-grid.svelte-1ufy82q{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 640px){.related-grid.svelte-1ufy82q{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.related-grid.svelte-1ufy82q{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.related-grid.svelte-1ufy82q{grid-template-columns:repeat(4,1fr)}}.related-product-btn.svelte-1ufy82q{border-radius:var(--border-radius-lg);text-align:left;background:none;border:none;cursor:pointer;transition:all var(--transition-normal)}.related-product-btn.svelte-1ufy82q:focus{outline:2px solid var(--color-primary);outline-offset:2px}.related-product-card{transform:scale(1);transition:all var(--transition-normal)}.related-product-btn.svelte-1ufy82q:hover .related-product-card{transform:scale(1.02) translateY(-4px)}.quantity-input-native.svelte-1ufy82q::-webkit-outer-spin-button,.quantity-input-native.svelte-1ufy82q::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.quantity-input-native[type=number].svelte-1ufy82q{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
