@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--background: #fdfdfd;--background-rgb: 253, 253, 253;--foreground: #f0f0f0;--text-primary: #121212;--text-secondary: #4a4a4a;--accent: #1e1e1e;--accent-hover: #333333;--accent-text: #fdfdfd;--border: #e5e5e5;--header-height: 80px;--font-heading: "Montserrat", sans-serif;--font-body: "Manrope", sans-serif;--spacing-unit: 8px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-slow: .4s ease}[data-theme=dark]{--background: #121212;--background-rgb: 18, 18, 18;--foreground: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #b1b1b1;--accent: #fdfdfd;--accent-hover: #e5e5e5;--accent-text: #1e1e1e;--border: #2c2c2c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.2}p{margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-secondary)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}main{width:100%;margin-bottom:calc(var(--spacing-unit) * 2)}main.home-page{margin-bottom:0}:global(.quantity-input::-webkit-outer-spin-button),:global(.quantity-input::-webkit-inner-spin-button){-webkit-appearance:none;margin:0}:global(.quantity-input[type=number]){-moz-appearance:textfield}[data-theme=dark]{scrollbar-width:thin;scrollbar-color:var(--text-secondary) var(--foreground)}[data-theme=dark] ::-webkit-scrollbar{width:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--foreground)}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:var(--radius-full);border:2px solid var(--foreground)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--text-primary)}.notification.svelte-1h1ki5d{display:flex;align-items:center;padding:.75rem 1rem;border-radius:10px;background-color:var(--foreground);border:1px solid var(--border);color:var(--text-primary);box-shadow:0 4px 12px #0000001a;width:100%;max-width:90vw;pointer-events:auto}.error-text.svelte-1h1ki5d .message:where(.svelte-1h1ki5d){font-weight:500}.icon.svelte-1h1ki5d{width:22px;height:22px;margin-right:12px;flex-shrink:0}.message.svelte-1h1ki5d{flex-grow:1;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.close-button.svelte-1h1ki5d{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;margin:-10px -12px -10px 12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:.7;transition:opacity .2s ease,background-color .2s ease}.close-button.svelte-1h1ki5d:hover{opacity:1;background-color:var(--border)}.close-button.svelte-1h1ki5d .close-icon:where(.svelte-1h1ki5d){width:20px;height:20px}.notification-container.svelte-8n8k8u{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;width:400px;max-width:90vw;pointer-events:none}@media (max-width: 600px){.notification-container.svelte-8n8k8u{right:auto;left:50%;transform:translate(-50%);width:90vw}}.site-wrapper.svelte-1a93a77{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background);color:var(--text-primary)}main.svelte-1a93a77{flex:1;width:100%;padding-bottom:1px}.site-header.svelte-1a93a77{position:sticky;top:0;z-index:100;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border);background-color:color-mix(in srgb,var(--background) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-container.svelte-1a93a77{margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.header-left.svelte-1a93a77{display:flex;align-items:center;gap:var(--spacing-unit)}.logo.svelte-1a93a77{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.5rem,1.2rem + .5vw,1.75rem);letter-spacing:-1px}.mobile-nav-overlay.svelte-1a93a77{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:101}.main-nav.svelte-1a93a77{position:fixed;top:0;left:0;width:80%;max-width:320px;height:100dvh;background-color:var(--background);border-right:1px solid var(--border);z-index:102;display:flex;flex-direction:column}.mobile-nav-header.svelte-1a93a77{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border);flex-shrink:0}.mobile-nav-header.svelte-1a93a77 .logo:where(.svelte-1a93a77){font-size:1.5rem}.mobile-nav-links.svelte-1a93a77{padding:var(--spacing-unit);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5);overflow-y:auto}.mobile-nav-links.svelte-1a93a77 a:where(.svelte-1a93a77){display:block;padding:calc(var(--spacing-unit) * 1.5) var(--spacing-unit);font-size:1.1rem;font-weight:500;border-radius:var(--radius-md);transition:background-color .2s ease-out}.mobile-nav-links.svelte-1a93a77 a:where(.svelte-1a93a77):hover{background-color:var(--foreground)}.mobile-nav-footer.svelte-1a93a77{margin-top:auto;padding:var(--spacing-unit);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.auth-button.svelte-1a93a77{width:100%;justify-content:flex-start;gap:var(--spacing-unit);padding:calc(var(--spacing-unit) * 1.5) var(--spacing-unit);font-size:1rem}.mobile-social-links.svelte-1a93a77{display:flex;justify-content:center;gap:var(--spacing-unit);padding-top:var(--spacing-unit)}.user-actions.svelte-1a93a77{display:flex;align-items:center;gap:var(--spacing-unit)}.icon-button.svelte-1a93a77{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast),transform .2s}.icon-button.svelte-1a93a77:hover{color:var(--text-primary);background-color:var(--foreground)}.icon-button.svelte-1a93a77:active{transform:scale(.9)}.cart-link.svelte-1a93a77{position:relative}.cart-count.svelte-1a93a77{position:absolute;top:2px;right:0;background-color:var(--accent);color:var(--background);border-radius:50%;font-size:10px;font-weight:600;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--background)}.text-button.svelte-1a93a77{font-weight:500;color:var(--text-secondary);padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;font-size:clamp(.85rem,.7rem + .3vw,1rem)}.text-button.svelte-1a93a77:hover{color:var(--text-primary);background-color:var(--foreground)}.desktop-nav.svelte-1a93a77{display:none}.mobile-nav-toggle.svelte-1a93a77{display:flex}.desktop-logo.svelte-1a93a77{display:none}@media (max-width: 767px){.mobile-hide.svelte-1a93a77{display:none}.user-actions.svelte-1a93a77{gap:0}.icon-button.svelte-1a93a77{width:36px;height:36px}.site-footer.svelte-1a93a77{padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 2)}.footer-container.svelte-1a93a77{grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 2.5)}.footer-brand.svelte-1a93a77,.footer-socials.svelte-1a93a77{grid-column:1 / -1;text-align:center}.footer-section.svelte-1a93a77 h4:where(.svelte-1a93a77){text-align:center;font-size:.9rem;margin-bottom:calc(var(--spacing-unit) * .75)}.footer-section.svelte-1a93a77 li:where(.svelte-1a93a77){text-align:center}.footer-section.svelte-1a93a77 li:where(.svelte-1a93a77),.footer-section.svelte-1a93a77 a:where(.svelte-1a93a77){font-size:.85rem}.footer-section.svelte-1a93a77 li:where(.svelte-1a93a77){margin-bottom:calc(var(--spacing-unit) * .75)}.social-links.svelte-1a93a77{justify-content:center}}@media (min-width: 768px){.site-header.svelte-1a93a77{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4)}.desktop-logo.svelte-1a93a77{display:block;font-size:1.75rem}.mobile-nav-toggle.svelte-1a93a77{display:none}.desktop-nav.svelte-1a93a77{display:flex;position:absolute;left:50%;transform:translate(-50%);gap:calc(var(--spacing-unit) * 4)}.desktop-nav.svelte-1a93a77 a:where(.svelte-1a93a77){position:relative;font-size:clamp(.9rem,.8rem + .25vw,1rem);font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.desktop-nav.svelte-1a93a77 a:where(.svelte-1a93a77):after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:var(--text-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-slow)}.desktop-nav.svelte-1a93a77 a:where(.svelte-1a93a77):hover{color:var(--text-primary)}.desktop-nav.svelte-1a93a77 a:where(.svelte-1a93a77):hover:after{transform:scaleX(1);transform-origin:left}}.search-modal-overlay.svelte-1a93a77{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:150;display:flex;justify-content:center;padding-top:10vh}.search-modal-content.svelte-1a93a77{width:100%;max-width:600px;background-color:var(--background);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:fit-content;max-height:80vh;margin:0 var(--spacing-unit)}.search-input-wrapper.svelte-1a93a77{position:relative;padding:var(--spacing-unit);border-bottom:1px solid var(--border)}.search-input-modal.svelte-1a93a77{width:100%;height:100%;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 6);font-size:1.25rem;border:none;background:transparent;color:var(--text-primary)}.search-input-modal.svelte-1a93a77:focus{outline:none}.search-icon.svelte-1a93a77{position:absolute;top:50%;left:calc(var(--spacing-unit) * 2);transform:translateY(-50%);width:24px;height:24px;color:var(--text-secondary)}.close-search-btn.svelte-1a93a77{position:absolute;top:50%;right:var(--spacing-unit);transform:translateY(-50%);font-size:2rem;color:var(--text-secondary);padding:var(--spacing-unit);line-height:1}.search-results-container.svelte-1a93a77{overflow-y:auto;padding:var(--spacing-unit)}.search-results-list.svelte-1a93a77{list-style:none}.search-result-item.svelte-1a93a77{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:var(--spacing-unit);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.search-result-item.svelte-1a93a77:hover{background-color:var(--foreground)}.result-image.svelte-1a93a77{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.result-info.svelte-1a93a77{display:flex;flex-direction:column}.result-name.svelte-1a93a77{font-weight:500}.result-price.svelte-1a93a77{font-size:.9rem;color:var(--text-secondary)}.search-status.svelte-1a93a77{padding:calc(var(--spacing-unit) * 4);text-align:center;color:var(--text-secondary)}.site-footer.svelte-1a93a77{background-color:var(--foreground);padding:calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 4);border-top:1px solid var(--border);transition:all var(--transition-slow)}.footer-container.svelte-1a93a77{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:calc(var(--spacing-unit) * 5)}.footer-section.svelte-1a93a77 h4:where(.svelte-1a93a77){font-family:var(--font-heading);font-size:clamp(.9rem,.8rem + .25vw,1rem);margin-bottom:var(--spacing-unit);font-weight:600;color:var(--text-primary)}.footer-section.svelte-1a93a77 li:where(.svelte-1a93a77),.footer-section.svelte-1a93a77 a:where(.svelte-1a93a77){font-size:clamp(.85rem,.75rem + .25vw,.9rem);color:var(--text-secondary)}.footer-section.svelte-1a93a77 ul:where(.svelte-1a93a77){list-style:none}.footer-section.svelte-1a93a77 li:where(.svelte-1a93a77){margin-bottom:var(--spacing-unit)}.footer-section.svelte-1a93a77 a:where(.svelte-1a93a77){transition:color var(--transition-fast)}.footer-section.svelte-1a93a77 a:where(.svelte-1a93a77):not(.icon-button):hover{color:var(--text-primary)}.social-links.svelte-1a93a77{display:flex;gap:var(--spacing-unit)}.logo-font.svelte-1a93a77{font-family:var(--font-heading);font-weight:700;letter-spacing:-1px}@media (max-width: 480px){.footer-container.svelte-1a93a77{grid-template-columns:1fr;text-align:center}.social-links.svelte-1a93a77{justify-content:center}}