:root{--brand-primary: #e2478aff;--brand-primary-dark: #7d3584;--brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);--color-success: #10b981;--color-success-light: #34c759;--color-success-bg: #f0fdf4;--color-error: #fa321dff;--color-error-light: #fecaca;--color-error-bg: #fef2f2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-bg: #fffbeb;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-bg: #eff6ff;--color-text-primary: #1d1d1f;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-muted: #d1d5db;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-elevated: #fafafa;--color-border-light: #e5e7eb;--color-border-medium: #d1d5db;--color-border-dark: #9ca3af;--color-hover: rgba(102, 126, 234, .08);--color-active: rgba(102, 126, 234, .12);--color-focus: rgba(102, 126, 234, .1);--color-focus-ring: rgba(102, 126, 234, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .05), 0 10px 24px rgba(0, 0, 0, .03);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08), 0 16px 32px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 12px rgba(102, 126, 234, .4);--shadow-primary-hover: 0 8px 20px rgba(102, 126, 234, .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-family-mono: "SF Mono", Monaco, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-fixed: 1000;--z-modal: 10000;--z-tooltip: 100000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;background:linear-gradient(to bottom,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);color:var(--color-text-primary);line-height:1.5}.app-wrapper{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-2xl)}.main-content{padding-bottom:var(--space-4xl)}.shop-layout{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);align-items:start}@media(min-width:1024px){.shop-layout{grid-template-columns:1.8fr 1fr;gap:var(--space-3xl)}}.cart-sidebar{position:sticky;top:var(--space-3xl);z-index:var(--z-sticky);height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1px;scrollbar-width:none;-ms-overflow-style:none}.cart-sidebar::-webkit-scrollbar{display:none}@media(max-width:1023px){.cart-sidebar{position:relative;top:0;max-height:none;overflow-y:visible}}.hero{background:var(--brand-gradient);color:#fff;padding:var(--space-lg) 0 var(--space-3xl);margin-bottom:var(--space-3xl)}.hero-content{text-align:center}rbrand-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.brand-subtitle{font-size:var(--font-size-lg);opacity:.95}.hero-top-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg)}.lang-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lang-toggle:hover{background:#ffffff4d}.lang-toggle span.active{opacity:1;text-decoration:underline;text-underline-offset:4px}.lang-toggle span{opacity:.6;transition:opacity var(--transition-base)}.section-header-main{margin-bottom:var(--space-3xl)}.section-title-main{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.section-subtitle-main{font-size:var(--font-size-base);color:var(--color-text-secondary)}.cart-card,.form-card{background:var(--color-bg-primary);border-radius:var(--radius-3xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);margin-bottom:var(--space-2xl)}.section-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-icon{font-size:var(--font-size-2xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);border-radius:var(--radius-lg);flex-shrink:0}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-group{position:relative}.floating-label{position:relative;display:block}.form-input{width:100%;padding:1.625rem var(--space-lg) .625rem var(--space-lg);font-size:var(--font-size-base);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-bg-elevated);transition:all var(--transition-base);font-family:inherit;color:var(--color-text-primary);line-height:1.25;height:3.5rem}.form-input:focus{outline:none;border-color:var(--brand-primary);background:var(--color-bg-primary);box-shadow:0 0 0 4px var(--color-focus)}.form-input.error{border-color:#ef4444cc;background:#fff;box-shadow:0 0 0 1px #ef444426}.label-text{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text-tertiary);pointer-events:none;transition:all var(--transition-fast);transform-origin:left top}.floating-label.floating .label-text,.form-input:focus+.label-text{top:.5rem;font-size:.75rem;color:var(--brand-primary);transform:translateY(0);font-weight:600}.form-input.error+.label-text{color:var(--color-error)}.error-message{margin-top:.25rem;font-size:.8rem;color:var(--color-error)}.payment-section{margin-top:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.payment-options-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.payment-card-compact{padding:var(--space-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-elevated);cursor:pointer;transition:all var(--transition-base);text-align:center}.payment-card-compact input{display:none}.payment-card-compact:hover{border-color:var(--brand-primary);background:var(--color-bg-primary)}.payment-card-compact.selected{border-color:var(--brand-primary);background:var(--color-hover)}.payment-text-compact{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.btn-primary{width:100%;padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;background:var(--brand-gradient);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-slow);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);text-decoration:none}.btn-primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.btn-primary.disabled{background:var(--color-border-light);color:var(--color-text-tertiary);cursor:not-allowed;box-shadow:none}.btn-large{padding:var(--space-xl) var(--space-3xl);font-size:var(--font-size-lg)}.btn-clear{padding:var(--space-sm) var(--space-lg);background:var(--color-error-light);color:var(--color-error);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.btn-clear:hover{background:var(--color-error-light)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.cart-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.cart-badge{min-width:24px;height:24px;padding:0 var(--space-sm);background:var(--brand-primary);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.cart-items{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl);max-height:400px;overflow-y:auto;padding-right:var(--space-sm);scroll-behavior:smooth;scroll-padding-top:1rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.cart-item-info{display:flex;align-items:center;gap:var(--space-md);flex:1}.cart-item-emoji{font-size:var(--font-size-2xl)}.cart-item-details{display:flex;flex-direction:column}.cart-item-name{font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cart-item-sku{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.cart-item-price{font-size:var(--font-size-sm);color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.cart-item-actions{display:flex;align-items:center;gap:var(--space-md)}.mini-qty-control{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:var(--space-xs)}.mini-qty-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--color-bg-tertiary);color:var(--brand-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center}.mini-qty-value{min-width:24px;text-align:center;font-weight:var(--font-weight-semibold);font-size:.9375rem;color:var(--color-text-primary)}.btn-remove{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-error);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-remove:hover{background:var(--color-error-light);transform:scale(1.1)}.summary-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--color-hover);border-radius:var(--radius-xl);margin-top:var(--space-md)}.total-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--brand-primary)}.secure-note{display:flex;align-items:center;justify-content:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.alert-error{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.category-filter{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap}.category-btn{padding:.625rem var(--space-xl);background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.category-btn.active{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-2xl)}.product-card-catalog{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);display:flex;flex-direction:column;transition:all var(--transition-slow)}.product-card-catalog:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{width:100%;height:200px;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-lg);background:var(--color-bg-tertiary)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card-catalog:hover .product-image img{transform:scale(1.05)}.product-category-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--color-hover);color:var(--brand-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.product-name-catalog{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-sm)}.product-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-xl);flex:1}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price-catalog{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-primary)}.btn-add-cart{padding:.625rem var(--space-xl);background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:.9375rem;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 2px 8px #667eea4d}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.empty-catalog{text-align:center;padding:var(--space-4xl) var(--space-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.empty-subtext{font-size:.9375rem;color:var(--color-text-tertiary)}@media(max-width:640px){.container{padding:0 var(--space-lg)}.product-grid,.payment-options-compact{grid-template-columns:1fr}.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.brand-title{font-size:var(--font-size-3xl)}.form-card,.cart-card{padding:var(--space-xl)}}@media print{body *{visibility:hidden}body{background:#fff}.success-container,.success-container *{visibility:visible}.success-container{position:absolute;left:0;top:0;width:100%;max-width:100%;margin:0;padding:0;box-shadow:none;border:none}.success-icon,.btn-primary,.btn-secondary,.hero,.hero-top-bar,.actions{display:none!important}.receipt-card{border:1px solid #000;padding:20px;margin-top:20px}.receipt-header,.receipt-items,.receipt-total{color:#000}}.sticky-cart-bar{display:none;position:fixed;bottom:var(--space-lg);left:var(--space-lg);right:var(--space-lg);background:var(--brand-primary-dark);color:#fff;padding:var(--space-lg);border-radius:var(--radius-xl);border:none;box-shadow:var(--shadow-primary-hover);z-index:var(--z-fixed);align-items:center;justify-content:space-between;cursor:pointer;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.bar-info{display:flex;gap:var(--space-md);align-items:center;font-weight:600}.bar-count{background:#fff3;padding:2px 8px;border-radius:var(--radius-sm);font-size:.875rem}.bar-total{font-size:1.125rem}.bar-action{font-weight:600;font-size:.9375rem}.mobile-drawer-header,.mobile-backdrop{display:none}@media(max-width:1023px){.sticky-cart-bar{display:flex}.cart-sidebar{position:fixed;inset:auto 0 0;background:var(--color-bg-primary);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;padding:var(--space-xl);z-index:var(--z-modal);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px #00000026;max-height:100dvh;overflow-y:auto;border:1px solid var(--color-border-light)}.cart-sidebar.mobile-open{transform:translateY(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.mobile-drawer-header h2{font-size:1.25rem;font-weight:700}.btn-close{background:var(--color-bg-tertiary);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:var(--z-fixed)}.main-content{padding-bottom:100px}}.product-card,.cart-item,.form-card{content-visibility:auto;contain-intrinsic-size:auto 500px}img{content-visibility:auto}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.product-card,.cart-item,.form-card{will-change:transform}html{scroll-behavior:smooth}@media(min-width:1024px){.shop-layout{grid-template-columns:1fr 450px;gap:var(--space-3xl)}}.hero-subtitle{max-width:1400px;font-size:var(--font-size-lg);margin:0 auto;line-height:1.5;text-align:right;padding-right:var(--space-2xl);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;transition:all var(--transition-base)}.hero-subtitle h2{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}@media(max-width:768px){.hero-subtitle{text-align:center;padding-right:0;align-items:center;justify-content:center;margin-bottom:auto}}.contact-dev{font-size:var(--font-size-sm);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base);white-space:nowrap;cursor:pointer}.site-footer.svelte-12qhfyh{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light);padding:var(--space-3xl) 0;margin-top:var(--space-4xl)}.footer-links.svelte-12qhfyh{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-base)}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--brand-primary)}.divider.svelte-12qhfyh{color:var(--color-text-tertiary)}.studio-line.svelte-12qhfyh{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.developed-by.svelte-12qhfyh{text-align:center;margin-bottom:var(--space-sm);font-size:var(--font-size-xs)}.developed-by.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text-tertiary);text-decoration:none;display:inline-flex;flex-direction:column;gap:2px;align-items:center;transition:color var(--transition-base),transform var(--transition-base)}.developed-by.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--brand-primary);transform:translateY(-1px)}.dev-label.svelte-12qhfyh{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.dev-name.svelte-12qhfyh{font-weight:var(--font-weight-semibold);font-size:.8rem}.copyright.svelte-12qhfyh{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-sm)}
