html{height:100%;overflow-x:hidden;overflow-y:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-md);line-height:var(--line-height-normal);min-height:100%;position:relative}.landing-layout{color:var(--landing-text)}code{font-family:var(--font-family-secondary)}#root{margin:0;padding:0}.error-fallback{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.error-fallback h1{color:#dc2626;margin-bottom:1rem}.error-fallback p{color:#4b5563;margin-bottom:1rem}.error-fallback pre{background-color:#f3f4f6;border-radius:.25rem;color:#1f2937;font-size:.875rem;overflow-x:auto;padding:1rem;text-align:left}.error-boundary{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.error-boundary h2{color:#dc2626;margin-bottom:1rem}.error-boundary p{color:#4b5563;margin-bottom:1rem}.error-reload-button{background-color:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.error-reload-button:hover{background-color:#2563eb}.error-boundary details{margin-bottom:1rem;margin-top:1rem;text-align:left}.error-boundary pre{background-color:#f3f4f6;border-radius:.25rem;color:#1f2937;font-size:.875rem;overflow-x:auto;padding:1rem}.btn{border:none;border-radius:var(--border-radius-full);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.btn-login{background-color:var(--landing-accent);color:var(--landing-background)}.btn-login:hover,.btn-primary{background-color:var(--landing-primary);color:var(--landing-background)}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--landing-background)}.social-icons{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-sm)}.social-icon{color:var(--color-subdued);text-decoration:none;transition:color var(--transition-normal)}.social-icon:hover{color:var(--landing-primary)}.social-icon svg{height:24px;width:24px}html{scroll-behavior:smooth}body{background-color:var(--landing-background);color:var(--landing-text);font-family:var(--font-family-primary);margin:0;padding:0}body,html{height:100%;margin:0;padding:0}#root,body,html{overflow-x:hidden;position:relative;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}.App{overflow-x:hidden;position:relative;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--admin-background);color:var(--admin-text);display:flex;flex-direction:column;font-size:calc(var(--font-size-md) + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--admin-accent)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.desktop-nav{background-color:initial;height:60px;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.desktop-nav,.nav-items{align-items:center;display:flex}.nav-items{gap:var(--spacing-md)}.nav-item{align-items:center;border-radius:var(--border-radius-sm);color:var(--color-primary);display:flex;gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-normal)}.nav-item,button.nav-item{padding:var(--spacing-xs) var(--spacing-md)}button.nav-item{background:none;border:none;cursor:pointer;font-size:inherit;outline:none}.nav-item svg{color:inherit}.nav-item.active,.nav-item:hover{background-color:var(--color-accent);color:var(--color-background)}.auth-buttons{align-items:center;display:flex;gap:var(--spacing-sm)}.cart-link{position:relative}.cart-count{align-items:center;background-color:#d68b4d;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.75rem;height:16px;justify-content:center;min-width:16px;padding:2px;right:-6px;top:-6px}@media (max-width:768px){.desktop-nav{background-color:var(--landing-background);border-bottom:1px solid #0000001a;height:60px;padding:0 var(--spacing-md)}.mobile-nav-content{align-items:center;display:flex;gap:var(--spacing-md);padding-left:var(--spacing-sm)}.mobile-logo{display:flex}.mobile-logo img{height:50px;object-fit:contain;width:auto}.mobile-bottom-nav{background-color:var(--color-background);bottom:0;box-shadow:var(--shadow-md);display:flex;justify-content:space-around;left:0;padding:var(--spacing-xs);position:fixed;right:0;z-index:var(--z-index-fixed)}.mobile-bottom-nav .nav-item{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-xs)}}.footer{min-height:80px;padding:1rem 0}.footer-content{align-items:center;justify-content:center;max-width:1200px;padding:0 1rem}.footer-logo{flex-shrink:0;height:80px;width:auto}.footer-saying{color:var(--landing-background);flex:1 1;font-size:1rem;font-style:italic;margin:0;text-align:center}@media (max-width:768px){.footer-content{flex-direction:row;gap:.5rem}.footer-logo{height:60px}.footer-saying{font-size:.9rem}}.layout{background-color:var(--landing-background);position:relative}.logo,.logo img{width:200px}.logo img{height:200px}.main-content{display:flex;flex:1 0 auto;flex-direction:column;min-height:0;position:relative}.footer{background-color:var(--landing-accent);color:var(--landing-background);flex-shrink:0;margin-top:auto;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);width:100%}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:var(--max-content-width)}.admin-content{background-color:var(--admin-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.cart-status{margin-left:var(--spacing-md)}.cart-status,.cart-status a{align-items:center;display:flex}.cart-status a{border-radius:var(--border-radius-sm);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);position:relative;text-decoration:none;transition:all var(--transition-normal)}.cart-count,.cart-status a:hover{background-color:var(--color-accent);color:var(--color-background)}.cart-count{border-radius:var(--border-radius-full);font-size:var(--font-size-xs);min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.nav-container{background-color:var(--landing-background)}.mobile-logo{display:none}@media (max-width:768px){.layout{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:var(--mobile-footer-height);padding-top:var(--mobile-header-height);position:relative}.desktop-only,.logo{display:none}.mobile-logo{display:flex;margin-right:auto;padding:5px}.mobile-logo img{height:50px;width:auto}.main-content{flex:1 0 auto;margin-top:0;min-height:0;overflow:visible;padding:var(--spacing-sm);position:relative;width:100%}.header{background-color:var(--landing-background);height:var(--mobile-header-height);left:0;position:fixed;right:0;top:0;z-index:var(--z-index-fixed)}.footer{margin-bottom:var(--spacing-lg)}}.admin-layout .admin-sidebar{color:var(--admin-text);height:100vh;left:0;overflow-y:auto;padding-top:var(--spacing-lg);position:fixed;top:0;width:var(--sidebar-width)}.admin-layout .sidebar-header{padding:0 var(--spacing-lg) var(--spacing-lg);text-align:center}.admin-layout .admin-logo{height:auto;max-width:80%}.admin-layout .sidebar-nav{padding:0}.admin-layout .sidebar-menu{list-style-type:none;margin:var(--spacing-lg) 0 0;padding:0}.admin-layout .sidebar-menu li{margin-bottom:var(--spacing-xs)}.admin-layout .menu-item{align-items:center;color:var(--admin-text);display:flex;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.admin-layout .menu-item.active,.admin-layout .menu-item:hover{background-color:var(--admin-primary);color:var(--admin-text)}.admin-layout .menu-item i{font-size:var(--font-size-lg);margin-right:var(--spacing-md);text-align:center;width:20px}.admin-layout .menu-item span{font-size:var(--font-size-md)}.admin-layout{background-color:var(--admin-background);color:var(--admin-text);display:flex;min-height:100vh}.admin-layout *{color:inherit}.admin-layout .admin-sidebar{background-color:var(--admin-surface);box-shadow:var(--shadow-md);padding:var(--spacing-lg) var(--spacing-md);width:250px}.admin-layout .admin-logo{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.admin-layout .admin-logo img{height:40px;margin-right:var(--spacing-sm)}.admin-layout .admin-logo span{color:var(--admin-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.admin-layout .admin-main{color:var(--admin-text);display:flex;flex-direction:column;flex-grow:1;margin-left:290px}.admin-layout .admin-header{align-items:center;background-color:var(--admin-background);display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.admin-layout .admin-title{color:var(--admin-text);font-size:var(--font-size-xl)}.admin-layout .logout-button{align-items:center;background-color:var(--admin-primary);border:none;border-radius:var(--border-radius-sm);color:var(--admin-text);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--transition-normal)}.admin-layout .logout-button:hover{background-color:var(--admin-accent)}.admin-layout .admin-menu{list-style-type:none;margin:0;padding:0}.admin-layout .admin-menu-item{margin-bottom:var(--spacing-xs)}.admin-layout .admin-menu-link{align-items:center;border-radius:var(--border-radius-sm);color:var(--admin-text);display:flex;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-normal)}.admin-layout .admin-menu-link.active,.admin-layout .admin-menu-link:hover{background-color:var(--admin-primary);color:var(--admin-background)}.admin-layout .admin-menu-link svg{margin-right:var(--spacing-xs)}.admin-layout .admin-content{background-color:var(--admin-background);flex-grow:1;padding:var(--spacing-lg)}.layout{background-color:var(--color-background);display:flex;flex-direction:column;min-height:100vh;overflow:visible;width:100%}.header{padding:0;width:100%}.logo{align-items:center;display:flex;justify-content:center;margin:0 auto;width:400px}.logo img{height:140px;object-fit:contain;width:400px}.nav-container{background-color:var(--color-background);border-bottom:1px solid #0000001a;width:100%}.main-content{box-sizing:border-box;flex-grow:1;margin:0 auto;max-width:var(--max-content-width);overflow:visible;padding:var(--spacing-md);width:100%}.dashboard-card{border:1px solid #63744533}.dashboard-card:hover{border-color:var(--color-accent)}.card-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.card-header h3{color:var(--color-text);font-weight:var(--font-weight-medium)}.dashboard-card p{opacity:.8}.desktop-only{display:block}@media (max-width:768px){.layout{overflow-x:hidden;padding-bottom:var(--mobile-footer-height);padding-top:var(--mobile-header-height);position:relative}.main-content{flex:1 0 auto;margin:0;overflow:visible;position:relative;width:100%}.header{height:var(--mobile-header-height)}.desktop-only{display:none}.logo{padding:var(--spacing-md) 0}.logo img{height:150px;width:150px}.main-content{margin-bottom:0;padding:var(--spacing-sm)}.header{background-color:var(--color-background);left:0;position:fixed;right:0;top:0;z-index:var(--z-index-fixed)}}.loading-spinner-container{height:100%;width:100%}.loading-spinner{align-items:center;background:#0000;display:flex;justify-content:center}.loading-star{height:50px;position:relative;width:50px}.star-stroke{background:var(--color-accent);height:20px;left:50%;opacity:0;position:absolute;top:var(--spacing-xxs);transform-origin:50% 28px;width:2px}.star-stroke:first-child{animation:fadeStroke 1s ease-in-out infinite}.star-stroke:nth-child(2){animation:fadeStroke 1s ease-in-out .0625s infinite}.star-stroke:nth-child(3){animation:fadeStroke 1s ease-in-out .125s infinite}.star-stroke:nth-child(4){animation:fadeStroke 1s ease-in-out .1875s infinite}.star-stroke:nth-child(5){animation:fadeStroke 1s ease-in-out .25s infinite}.star-stroke:nth-child(6){animation:fadeStroke 1s ease-in-out .3125s infinite}.star-stroke:nth-child(7){animation:fadeStroke 1s ease-in-out .375s infinite}.star-stroke:nth-child(8){animation:fadeStroke 1s ease-in-out .4375s infinite}.star-stroke:nth-child(9){animation:fadeStroke 1s ease-in-out .5s infinite}.star-stroke:nth-child(10){animation:fadeStroke 1s ease-in-out .5625s infinite}.star-stroke:nth-child(11){animation:fadeStroke 1s ease-in-out .625s infinite}.star-stroke:nth-child(12){animation:fadeStroke 1s ease-in-out .6875s infinite}.star-stroke:nth-child(13){animation:fadeStroke 1s ease-in-out .75s infinite}.star-stroke:nth-child(14){animation:fadeStroke 1s ease-in-out .8125s infinite}.star-stroke:nth-child(15){animation:fadeStroke 1s ease-in-out .875s infinite}.star-stroke:nth-child(16){animation:fadeStroke 1s ease-in-out .9375s infinite}@keyframes fadeStroke{0%,to{opacity:0}50%{opacity:1}}@media (max-width:768px){.loading-star{height:35px;width:35px}.star-stroke{height:15px;top:var(--spacing-xxs);transform-origin:50% 22px;width:1.5px}}.banner-slider{height:600px;overflow:hidden;position:relative;width:100%}.banner-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.banner-slide.active{opacity:1}.banner-image{height:100%;object-fit:cover;width:100%}.banner-nav{align-items:center;background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:40px;z-index:10}.banner-nav:hover{background:#fff}.banner-nav.prev{left:20px}.banner-nav.next{right:20px}.banner-indicators{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator.active{background:#fff;border-radius:4px;width:24px}.banner-content{align-items:center;background:#0000004d;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.shop-now-btn{background:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1.1rem;padding:12px 32px;transition:all .3s ease}.shop-now-btn:hover{background:#ffffffe6;transform:translateY(-2px)}@media (max-width:768px){.banner-slider{height:400px}.banner-nav{height:32px;width:32px}.banner-nav.prev{left:10px}.banner-nav.next{right:10px}.banner-content,.hero-content{margin:0 auto;max-width:90%;padding:0 24px;text-align:center}.banner-title,.hero-title{word-wrap:break-word;font-size:clamp(1.5rem,5vw,2rem)}.banner-description,.hero-description{word-wrap:break-word;font-size:clamp(.9rem,3vw,1.1rem)}.hero-cta,.shop-now-btn{font-size:clamp(.9rem,2.5vw,1rem);max-width:90%;padding:clamp(8px,2vw,10px) clamp(20px,4vw,24px);white-space:nowrap}.banner-indicators{bottom:10px}.indicator{height:6px;width:6px}.indicator.active{width:18px}}.carousel-wrapper,.home-container{content-visibility:auto;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.home-container{background:#f5f5f5}.carousel-wrapper{max-width:var(--max-content-width)}.carousel-wrapper .section-title{color:var(--landing-primary)!important}.hero-wrapper{left:0;margin:0;padding:0;position:relative}@media (max-width:768px){.carousel-wrapper,.home-container{margin:0;padding:0;width:100%}.home-container{max-width:100%;overflow-x:hidden}.hero-wrapper{margin:0;padding:0;width:100%}}@media (prefers-reduced-motion:reduce){.carousel-slide{transition:none}}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.blur-up{filter:blur(5px);transition:filter .3s ease-out}.blur-up.loaded{filter:blur(0)}.image-container{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin:10px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.image-container:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-item{margin:0 12px 15px;padding:10px;transition:transform .3s ease}.product-item img{border-radius:var(--border-radius-sm);width:100%}.home-container{align-items:center;background:var(--landing-background);contain-intrinsic-size:1000px;content-visibility:auto;display:flex;flex-direction:column;gap:15px;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.hero-wrapper{margin-bottom:0;max-width:100%;overflow:hidden;width:100%}.carousel-wrapper{contain-intrinsic-size:400px;content-visibility:auto;margin:0 auto 20px;max-width:1200px;max-width:var(--max-content-width,1200px);overflow-x:hidden;padding:10px 15px 20px;text-align:center;width:100%}.section-title{color:var(--landing-primary);display:inline-block;font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0 auto 20px;padding-bottom:12px;position:relative}.section-title:after{background:var(--landing-primary);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:768px){.carousel-wrapper{margin:0;padding:0;width:100%}.home-container{overflow:visible}}@media (prefers-reduced-motion:reduce){.carousel-slide,.fade-up{transition:none}}.searchbar-component-container{display:flex;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px;position:relative;width:100%}.searchbar-component-container .search-bar{align-items:center;background-color:#fff;border:1px solid var(--color-accent);border-radius:var(--border-radius-full);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease-in-out;width:100%}.searchbar-component-container .search-bar:focus-within,.searchbar-component-container .search-bar:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.searchbar-component-container .search-icon{color:var(--color-accent);flex-shrink:0}.searchbar-component-container .search-input{background-color:initial;border:none;color:var(--color-text);flex-grow:1;font-family:var(--font-family-primary);font-size:var(--font-size-md);outline:none;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast) ease-in-out;width:100%}.searchbar-component-container .search-input::placeholder{color:var(--color-accent);opacity:.7}.searchbar-component-container .search-suggestions{background-color:#fff;border:1px solid var(--color-accent);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);border-top:none;box-shadow:var(--shadow-md);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-index-dropdown)}.searchbar-component-container .suggestion-item{align-items:center;color:var(--color-text);display:flex;padding:var(--spacing-sm);text-decoration:none;transition:background-color var(--transition-normal)}.searchbar-component-container .suggestion-item:hover{background-color:var(--color-background)}.searchbar-component-container .suggestion-image{border-radius:var(--border-radius-sm);height:50px;margin-right:var(--spacing-sm);object-fit:cover;width:50px}.searchbar-component-container .suggestion-details{display:flex;flex-direction:column}.searchbar-component-container .suggestion-name{font-weight:var(--font-weight-medium)}.searchbar-component-container .suggestion-price{color:var(--color-accent);font-size:var(--font-size-sm)}@media (max-width:768px){.searchbar-component-container{box-sizing:border-box;max-width:auto;padding:0 var(--spacing-md)}.searchbar-component-container .search-bar{box-sizing:border-box;width:100%}.searchbar-component-container .search-suggestions{left:var(--spacing-md);right:var(--spacing-md);width:calc(100% - var(--spacing-md)*2)}}.error-message{background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;color:#c62828;margin:16px 0;padding:16px}.error-message p{font-size:16px;margin:0}.product-list-container{align-items:center;display:flex;flex-direction:column;height:auto;margin:0 auto;max-width:var(--max-content-width);min-height:100%;overflow:visible;padding:var(--spacing-xs);padding-bottom:var(--spacing-xl);position:relative;width:100%}.made-in-alaska-badge{display:flex;justify-content:center;margin-bottom:var(--spacing-sm)}.made-in-alaska-badge img{height:80px;object-fit:contain;width:auto}.category-nav{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-md);width:100%}.category-button{align-items:center;background-color:initial;border-radius:var(--border-radius-sm);color:var(--customer-text);display:flex;margin:var(--spacing-xs);transition:background-color var(--transition-normal),color var(--transition-normal)}.category-button.active,.category-button:hover{background-color:var(--customer-accent);color:var(--customer-background)}.category-button svg{margin-right:var(--spacing-xs)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto;margin-bottom:var(--spacing-xl);max-width:var(--max-content-width);overflow:visible}.product-grid .product-card{background-color:var(--customer-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;opacity:0;overflow:hidden;transform:translateY(20px);transition:transform var(--transition-normal);transition:opacity .6s ease-out,transform .6s ease-out}.product-grid .product-card.visible{opacity:1;transform:translateY(0)}.product-grid .product-card:hover{transform:translateY(-5px)}.product-grid .product-link{color:inherit;display:flex;flex-direction:column;flex-grow:1;text-decoration:none}.product-grid .product-image-container{background-color:var(--customer-surface);overflow:hidden;padding-top:100%;position:relative;width:100%}.product-grid .product-image{height:100%;image-orientation:initial!important;left:0;object-fit:cover;object-position:center;opacity:0;position:absolute;top:0;transform:none!important;transition:opacity .3s ease;width:100%}.product-grid .product-image.loaded{opacity:1}.product-grid .product-name{color:var(--customer-text);font-size:var(--font-size-md);line-height:1.2;margin:var(--spacing-sm) var(--spacing-md) calc(var(--spacing-xs)*.75);text-align:center}.product-grid .product-size{color:var(--customer-accent);font-size:var(--font-size-sm);margin:0 var(--spacing-md) calc(var(--spacing-xs)*.75);text-align:center}.product-grid .product-price{align-self:center;color:var(--customer-text);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:var(--spacing-xs) var(--spacing-md);text-align:center;transition:all var(--transition-normal);width:100%}.product-grid .product-seller{align-items:center;color:var (--customer-accent);display:flex;font-size:var(--font-size-sm);margin:0 var(--spacing-md) var(--spacing-xs)}.product-grid .product-seller svg{margin-right:var(--spacing-xs)}.product-grid .product-divider{background-color:var(--customer-accent);height:1px;margin:var(--spacing-xs) auto;opacity:.5;width:75px}.product-grid .add-to-cart-btn{align-items:center;background-color:initial;border:none;border-radius:var(--border-radius-sm);color:var(--customer-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:center;margin:auto var(--spacing-md) var(--spacing-md);padding:var(--spacing-sm);transition:all var(--transition-normal);width:calc(100% - var(--spacing-md)*2)}.product-grid .add-to-cart-btn:hover{background-color:var(--customer-accent);color:var(--customer-background)}.product-grid .add-to-cart-btn svg{margin-right:var(--spacing-xs)}.product-grid .out-of-stock-text{background-color:initial;color:var(--color-primary-hover);font-size:var(--font-size-sm);margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-sm);pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}.product-image-container{background-color:var(--customer-surface);overflow:hidden;padding-top:100%;position:relative;width:100%}.product-image{image-orientation:initial!important;transform:none!important}.featured-product{grid-column:span 2}@media (max-width:768px){.product-list-container{margin:1rem auto;max-width:100%;overflow-x:hidden;overflow:visible;padding:var(--spacing-xs);padding-bottom:var(--spacing-xl);padding-top:0;width:100%}.made-in-alaska-badge img{height:60px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.featured-product{grid-column:span 1}}@media (min-width:1024px){.product-list-container{padding:var(--spacing-xs);padding-top:0}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.backorder-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.backorder-form{background-color:var(--customer-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-xl);width:100%}.backorder-form h2{color:var(--customer-text);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);margin-top:0}.form-group input{border:1px solid var(--customer-surface)}.form-actions{display:flex;justify-content:space-between;margin-top:var(--spacing-lg)}.form-actions button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-normal)}.form-actions button[type=submit]{background-color:var(--customer-surface);color:var(--customer-accent)}.form-actions button[type=submit]:hover{background-color:var(--color-accent);color:var(--customer-surface)}.form-actions button[type=button]{background-color:var(--customer-surface);color:var(--customer-text)}.form-actions button[type=button]:hover{background-color:var(--customer-accent);color:var(--customer-background)}.success-message{color:var(--color-success);font-weight:var(--font-weight-bold)}.animate-fade-up{animation:fadeUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-detail-page{color:var(--customer-text);margin:0 auto;max-width:var(--max-content-width);padding:var(--spacing-lg)}.product-detail-back-link{align-items:center;color:var(--customer-text);display:inline-flex;margin-bottom:var(--spacing-md);text-decoration:none}.product-detail-back-link:hover{text-decoration:underline}.product-detail-content{align-items:flex-start;display:flex;gap:var(--spacing-xl);justify-content:center;padding:0;width:100%}.product-detail-image-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);max-width:600px;width:100%}.main-image-wrapper{align-items:center;background-color:initial;border-radius:var(--border-radius-lg);display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative;width:100%}.main-product-image{height:auto;max-height:600px;max-width:100%;object-fit:contain;position:relative;width:auto}.thumbnail-grid{flex-wrap:wrap;gap:var(--spacing-sm);max-width:400px;width:100%}.thumbnail-grid,.thumbnail-wrapper{display:flex;justify-content:center}.thumbnail-wrapper{align-items:center;aspect-ratio:1;background-color:initial;border:2px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;flex:0 0 calc(25% - var(--spacing-sm));max-width:100px;min-width:60px;overflow:hidden;padding:var(--spacing-xs);transition:transform .2s ease-in-out,border-color .2s ease-in-out}.thumbnail-wrapper:hover{transform:scale(1.05)}.thumbnail-wrapper.selected{border-color:var(--customer-accent)}.thumbnail-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.product-detail-image{border-radius:var(--border-radius-lg);height:auto;object-fit:cover;width:100%}.product-detail-info{background-color:var(--customer-background);border-radius:var(--border-radius-lg);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);height:fit-content;max-width:600px;min-width:300px;padding:var(--spacing-md)}.product-detail-header{margin-bottom:0;width:100%}.product-info-section{align-items:center;display:flex;flex-direction:column;margin:0;width:100%}.section-title{color:var(--customer-text);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);text-align:center}.product-detail-name{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.product-detail-price{color:var(--customer-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.product-detail-seller{align-items:center;color:var(--customer-accent);display:flex;font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.product-detail-seller svg{margin-right:var(--spacing-xs)}.product-detail-divider{background-color:var(--customer-surface);height:1px;margin:0;opacity:.7;width:100%}.product-detail-attributes{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md);width:100%}.product-detail-attribute{align-items:flex-start;background-color:var(--customer-surface);border-radius:var(--border-radius-md);display:flex;flex:1 1;gap:var(--spacing-xs);max-width:160px;min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.attribute-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.attribute-label{color:var(--customer-accent);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.attribute-value{color:var(--customer-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.attribute-value-tags{display:flex;flex-wrap:wrap;gap:.5rem}.attribute-tag{background-color:var(--color-background-alt);border-radius:1rem;color:var(--color-text);display:inline-block;font-size:.875rem;padding:.25rem .75rem}.inventory-section{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;width:100%}.product-description{line-height:1.6}.product-detail-attribute-header{align-items:center;color:var (--customer-accent);display:flex;margin-bottom:var(--spacing-xs)}.product-detail-attribute svg{margin-right:var(--spacing-xs)}.product-detail-attribute-label{font-weight:var(--font-weight-regular)}.product-detail-attribute-value{color:var(--customer-text);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.product-detail-attribute span{display:block}.product-detail-inventory{font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.product-detail-inventory strong{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.product-detail-button{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var (--font-weight-medium);justify-content:center;padding:var(--spacing-sm);transition:background-color var(--transition-normal),color var(--transition-normal);width:100%}.product-detail-button svg{margin-right:var(--spacing-xs)}.product-detail-add-to-cart{background-color:var(--customer-surface);color:var (--customer-accent)}.product-detail-add-to-cart:hover{background-color:var(--customer-accent);color:var(--customer-background)}.product-detail-backorder{background-color:var(--color-warning);color:var(--customer-background)}.product-detail-backorder:hover{background-color:#e09c00}.out-of-stock-message{color:var(--color-error);font-weight:var(--font-weight-medium);text-align:center}.product-detail-description{margin-top:var(--spacing-lg)}.product-detail-description h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.product-details-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.inventory-tile{margin-bottom:var(--spacing-md);max-width:none;width:100%}.product-description-section{background-color:initial;border-radius:var(--border-radius-md);margin:0;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.price-description-divider{background-color:var(--landing-primary);height:1px;margin:0;width:100%}.product-description{color:var(--customer-text);line-height:1.5;max-height:80px;overflow-y:auto;padding:0;text-align:left}.product-description-section .section-title{display:none}.product-detail-disclaimer{background-color:var(--customer-surface);border-radius:var(--border-radius-lg);color:var(--customer-text);font-size:var(--font-size-sm);font-style:italic;line-height:1.6;margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center;width:100%}@media (max-width:1024px){.product-detail-content{align-items:center;flex-direction:column}.product-detail-image-container{margin:0 auto;order:1}.product-detail-info{max-width:600px;width:100%}.product-detail-image-container{justify-self:center;margin:0 auto 0 0}.product-detail-info{order:2}.product-detail-disclaimer{margin-top:var(--spacing-md)}}@media (max-width:768px){.product-detail-attributes{gap:var(--spacing-sm)}.product-detail-attribute{max-width:160px;min-width:120px}}@media (max-width:480px){.product-detail-attributes{align-items:stretch;flex-direction:column}.product-detail-attribute{max-width:none}.thumbnail-wrapper{flex:0 0 calc(33.333% - var(--spacing-sm))}}.out-of-stock-tile{background-color:var(--customer-surface);max-width:none;width:100%}.out-of-stock{color:var(--color-error)}.cart-item{background-color:var(--customer-surface);border-radius:var(--border-radius-sm);grid-template-columns:auto 1fr auto}.item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-info h3{color:var(--customer-text);font-size:var(--font-size-md);margin:0}.item-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;position:relative;width:100%}.item-header:after{border-top:1px solid var(--customer-accent);content:"";left:0;opacity:.2;position:absolute;right:0;top:50%;z-index:1}.item-header h3{color:var(--customer-text);font-size:var(--font-size-md);margin:0;padding-right:var(--spacing-sm)}.item-header h3,.item-price{background:var(--customer-surface);z-index:2}.item-price{font-weight:var(--font-weight-medium);margin:0 0 0 auto;padding-left:var(--spacing-sm);white-space:nowrap}.item-controls{gap:var(--spacing-sm);margin-left:auto}.quantity-input{border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);order:1;padding:var(--spacing-sm);width:60px}.remove-button{align-items:center;background-color:var(--color-error);border:none;border-radius:var(--border-radius-sm);color:var(--customer-surface);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);order:2;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.remove-button:hover{opacity:.9;transform:scale(1.02)}@media (max-width:768px){.cart-item{gap:var(--spacing-sm);grid-template-columns:auto 1fr auto}.item-info{align-items:flex-start;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.item-header{flex-wrap:nowrap;gap:var(--spacing-sm)}.item-controls{justify-content:flex-end;margin-left:auto;width:auto}.image-wrapper{height:60px;width:60px}.remove-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.remove-button span{display:none}.quantity-input{width:50px}}@media (max-width:480px){.cart-item{gap:var(--spacing-sm);grid-template-columns:auto 1fr auto}.item-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xxs)}.item-header:after{display:none}.item-controls{justify-content:flex-end;width:auto}}.cart-item-image-wrapper{background-color:var(--customer-surface);border-radius:var(--border-radius-sm);height:80px;margin-right:var(--spacing-md);overflow:hidden;position:relative;width:80px}.cart-item-image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.cart-item-image.loaded{opacity:1}.image-wrapper{display:block!important}.cart{background-color:var(--customer-background);box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;width:100%}.cart h1{color:var(--customer-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;width:100%}.cart-item{grid-gap:var(--spacing-md);background:var(--customer-surface);border:1px solid var(--customer-accent);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;display:grid;gap:var(--spacing-md);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--spacing-md);width:100%}.cart-item .image-placeholder{background-color:var(--customer-background)}.item-details{justify-content:space-between;width:100%}.item-controls,.item-details{align-items:center;gap:var(--spacing-md)}.item-controls{display:flex;justify-content:flex-end}.cart-summary{background:var(--customer-surface);border:1px solid var(--customer-accent);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:var(--spacing-lg);width:100%}.cart-summary h2{color:var(--customer-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.cart-summary h2,.checkout-button{font-weight:var(--font-weight-medium)}.checkout-button{align-items:center;background-color:var(--customer-primary);border:none;border-radius:var(--border-radius-sm);color:var(--customer-surface);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-md);transition:background-color var(--transition-normal);width:100%}.checkout-button:hover{background-color:var(--customer-accent)}.checkout-button:disabled{background-color:var(--customer-surface);color:var(--customer-text);cursor:not-allowed;opacity:.7}@media (max-width:768px){.cart,.cart-item{padding:var(--spacing-sm)}.cart-item{gap:var(--spacing-md);grid-template-columns:auto 1fr auto}.cart-item .image-wrapper{grid-area:image;height:60px;width:60px}.cart-item .item-details{align-items:flex-start;flex-direction:column;grid-area:details}.cart-item .item-controls{flex-direction:row;gap:var(--spacing-sm);grid-area:controls;justify-content:flex-start;width:100%}.item-controls{gap:var(--spacing-sm)}.quantity-input{width:60px}}@media (max-width:480px){.cart-item{gap:var(--spacing-sm);grid-template-columns:auto 1fr auto}.cart-item .image-wrapper{display:block}.cart-item .item-controls{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;width:100%}.remove-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.remove-button span{display:none}}.empty-cart{align-items:center;display:flex;flex-direction:column;padding:3rem 1rem;text-align:center}.empty-cart-icon{animation:float 3s ease-in-out infinite;color:var(--customer-primary);margin-bottom:1.5rem}.empty-cart-message{color:var(--customer-text);font-size:1.2rem;margin-bottom:1.5rem}.shop-link{background-color:var(--customer-primary);border-radius:25px;color:var(--customer-surface);display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:transform .2s,background-color .2s}.shop-link:hover{background-color:var(--customer-accent);transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-container{background-color:var(--customer-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);box-sizing:border-box;margin:2rem auto;max-width:400px;overflow:hidden;width:100%}.auth-tabs{background-color:var(--color-background);border-bottom:1px solid var(--color-primary);display:flex}.auth-tab{background:none;border:none;color:var(--color-primary);cursor:pointer;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.auth-tab:after{background-color:var(--color-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform var(--transition-normal);width:100%}.auth-tab.active{background-color:var(--color-background);color:var(--color-primary)}.auth-tab.active:after{transform:scaleX(1)}.auth-form-container{background-color:var(--color-background);box-sizing:border-box;padding:var(--spacing-lg);width:100%}.auth-form-container h2{color:var(--color-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.form-group{margin-bottom:var(--spacing-sm)}.form-group input,.form-group label{color:var(--color-text);width:100%}.form-group input{background-color:var(--color-background);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);box-sizing:border-box;font-size:var(--font-size-md);padding:var(--spacing-sm)}.form-group input:focus{border-color:var(--color-secondary);outline:none}.password-requirements{background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm)}.password-requirements p{color:var(--color-primary);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs)}.password-requirements ul{margin:0;padding-left:1.5rem}.password-requirements li{color:var(--color-text);margin-bottom:2px}.password-requirement{align-items:center;display:flex;margin-bottom:2px}.password-requirement.valid{color:var(--color-success)}.password-requirement.invalid{color:var(--color-text)}.password-requirement-icon{margin-right:5px}.submit-button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:var(--color-background);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);padding:var(--spacing-sm);transition:background-color var(--transition-normal);width:100%}.submit-button:hover{background-color:var(--color-secondary)}.error-message{background-color:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);padding:var(--spacing-sm);text-align:center}.error-message p{margin:5px 0}@media (max-width:768px){.auth-container{border-radius:var(--border-radius-md);margin:2rem auto}.auth-tab{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}.auth-form-container{padding:var(--spacing-md)}.auth-form-container h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm)}.form-group input{font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm)}.submit-button{margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.error-message{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.password-requirements{font-size:var(--font-size-xs)}}.auth-form-container{background-color:var(--customer-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:0 auto;max-width:400px;padding:2rem}.auth-form-container h2{color:var(--customer-accent);margin-bottom:var(--spacing-sm)}.auth-form-container p{color:var(--customer-text);margin-bottom:var(--spacing-lg)}.auth-form-container .form-group{margin-bottom:var(--spacing-md)}.auth-form-container .form-group label{color:var(--customer-text);display:block;margin-bottom:var(--spacing-xs)}.auth-form-container .form-group input{border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);padding:var(--spacing-sm);width:100%}.auth-form-container .button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.auth-form-container .create-account-btn{background-color:var(--customer-accent);border:none;border-radius:var(--border-radius-sm);color:var(--customer-background);cursor:pointer;padding:var(--spacing-sm);transition:background-color var(--transition-normal)}.auth-form-container .create-account-btn:hover{background-color:var(--color-primary-hover)}.auth-form-container .skip-btn{background-color:initial;border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);color:var(--customer-accent);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-normal)}.auth-form-container .skip-btn:hover{background-color:var(--customer-accent);color:var (--customer-background)}.auth-form-container .error-message{color:var(--color-error);margin-bottom:var(--spacing-md);text-align:center}.guest-order-success{align-items:flex-start;gap:var(--spacing-xl);margin:0 auto;max-width:var(--max-content-width);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.guest-order-success,.signup-column,.success-column{box-sizing:border-box;display:flex;justify-content:center;padding:var(--spacing-lg);position:relative}.signup-column,.success-column{background-color:var(--customer-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex:1 1;flex-direction:column;max-width:500px}.success-column{text-align:center}.success-icon{align-self:center}.success-column h1{color:var(--customer-text);margin-bottom:var(--spacing-md)}.success-column p{color:var(--customer-text);margin-bottom:var(--spacing-sm)}.view-products-btn{background-color:var(--customer-primary);border-radius:var(--border-radius-sm);color:var(--customer-background);display:inline-block;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-normal)}.view-products-btn:hover{background-color:var(--color-primary-hover)}@media (max-width:768px){.guest-order-success{align-items:stretch;flex-direction:column;margin:var(--spacing-md) auto;min-height:calc(100vh - var(--mobile-header-height) - var(--mobile-footer-height));padding:var(--spacing-md)}.signup-column,.success-column{width:100%}}.gallery-image{height:auto;opacity:0;overflow:visible;position:relative;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%}.gallery-image.visible{opacity:1;transform:translateY(0)}.gallery-image picture{display:block;height:auto;width:100%}.gallery-image img{border-radius:8px;height:auto;object-fit:contain;transition:transform .3s ease;width:100%}.gallery-image[data-orientation=vertical],.gallery-image[data-size=large],.gallery-image[data-size=tall],.gallery-image[data-size=wide]{grid-column:span 1;grid-row:span 1}.gallery-image img:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.gallery-image.error{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:1rem}.gallery-container{height:auto;margin:0 auto;max-width:1800px;min-height:100vh;overflow:visible;padding:2rem;position:relative}.gallery-layout{display:block;margin:0 auto var(--spacing-xxl);max-width:1200px;position:relative}.bio-section{margin:0;max-width:100%;position:sticky;text-align:left;top:2rem}.bio-section h1{color:var(--color-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xl)}.featured-image{float:right;margin:0 0 var(--spacing-lg) var(--spacing-lg);width:35%}.bio-text{color:var(--color-text);font-family:var(--font-family-secondary);font-size:var(--font-size-md);line-height:var(--line-height-loose);opacity:0;text-align:left;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.bio-text.visible{opacity:1;transform:translateY(0)}.bio-text p{margin-bottom:var(--spacing-lg)}.bio-text blockquote.artist-quote{background-color:var(--color-background);border-left:4px solid var(--color-accent);border-radius:var(--border-radius-md);font-style:italic;margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.bio-text blockquote.artist-quote footer{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);text-align:right}.gallery-grid{grid-gap:30px;display:grid;gap:30px;grid-auto-flow:row;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem;padding:1rem}.loader-container{align-items:center;background:linear-gradient(180deg,#0000,#fff);bottom:0;display:flex;height:100px;justify-content:center;margin-top:2rem;min-height:100px;padding:2rem;position:relative;text-align:center}.loading-spinner{color:#666;display:inline-block;padding:1rem}@media (max-width:1400px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gallery-layout{gap:1rem;grid-template-columns:1fr}.bio-section{margin-bottom:var(--spacing-xl);position:static}.featured-image{width:45%}}@media (max-width:768px){.gallery-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.featured-image{float:none;margin:0 0 var(--spacing-lg) 0;width:100%}}@media (max-width:480px){.gallery-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.events-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.events-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.events-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.events-header{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xxl)}.header-image{margin-bottom:var(--spacing-lg);opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.header-image.visible{opacity:1;transform:translateY(0)}.events-list{grid-gap:2rem;display:grid;gap:2rem}.event-card{background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);opacity:0;padding:var(--spacing-lg);transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.event-card.visible{opacity:1;transform:translateY(0)}.event-title{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.event-date{color:var(--color-accent);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.event-location{color:var(--color-text);font-style:italic}@media (max-width:768px){.events-content,.events-header{grid-template-columns:1fr}.events-container{padding:1rem}}:root{--color-primary:#231f20;--color-primary-hover:#231f20;--color-background:#f2f0eb;--color-text:#211f20;--color-accent:#eb3e26;--color-secondary:#eb3e26;--color-error:#d32f2f;--color-success:#388e3c;--color-warning:#f57c00;--landing-background:#f2f0eb;--landing-text:#231f20;--landing-primary:#eb3e26;--landing-secondary:#eb3e26;--landing-accent:#211f20;--admin-background:#1e1e1e;--admin-surface:#2d2d2d;--admin-text:#f2f0eb;--admin-primary:#007acc;--admin-accent:#02578f;--customer-background:#f2f0eb;--customer-surface:#f2f0eb;--customer-text:#231f20;--customer-primary:#eb3e26;--customer-accent:#eb3e26;--font-family-primary:"Montserrat",sans-serif;--font-family-secondary:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:32px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.8;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--max-content-width:1200px;--sidebar-width:250px;--header-height:200px;--footer-height:60px;--mobile-header-height:60px;--mobile-footer-height:60px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2")}.email-verification-container{background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-text);margin:var(--spacing-xl) auto;max-width:600px;padding:var(--spacing-lg);text-align:center}.redirect-button{background-color:var(--color-accent);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-md);margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:background-color var(--transition-fast)}.redirect-button:hover{background-color:var(--color-primary-hover)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-background);border:4px solid var(--color-background);border-radius:50%;border-top-color:var(--color-accent);height:40px;margin:var(--spacing-lg) auto;width:40px}.database-selection{padding:var(--spacing-lg) 0}.database-selection h3{color:var(--admin-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.database-select-item{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.database-header{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.database-header:hover{background-color:#ffffff12;border-color:#fff3}.database-header label{color:var(--admin-text);cursor:pointer;font-weight:var(--font-weight-medium)}.database-options{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-in-out}.database-options.expanded{margin-top:var(--spacing-xs);max-height:200px}.select-container{padding:var(--spacing-xs) var(--spacing-md)}.select-container select{background-color:var(--admin-surface);border:1px solid var(--admin-accent);border-radius:var(--border-radius-md)}.connect-databases-button,.select-container select{color:var(--admin-text);font-size:var(--font-size-md);padding:var(--spacing-sm);width:100%}.connect-databases-button{align-items:center;background-color:var(--admin-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-lg);transition:background-color var(--transition-normal)}.connect-databases-button:hover{background-color:var(--color-primary-hover)}.notion-connection{color:#fff;padding:var(--spacing-lg) 0}.connection-status{flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-xl)}.status-item{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.status-item:hover{background-color:#ffffff12;border-color:#fff3}.status-label{gap:var(--spacing-md)}.workspace-name{color:var(--admin-primary);font-weight:var(--font-weight-medium)}.status-indicator{margin-left:auto}.database-status{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.database-status h3{color:#ffffffe6;margin-bottom:var(--spacing-md)}.database-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.database-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.database-item:hover{background-color:#ffffff0d}.database-name{color:#ffffffe6}.connection-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.configure{background-color:var(--admin-primary);color:#fff}.configure:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.disconnect{background-color:var(--color-error);color:#fff}.disconnect:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.connection-actions{flex-direction:column}.action-button{justify-content:center;width:100%}}.stripe-setup{color:#fff;padding:var(--spacing-lg) 0}.stripe-status{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.status-card{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-normal)}.status-card:hover{background-color:#ffffff12;border-color:#fff3;transform:translateY(-1px)}.status-label{color:#ffffffe6}.status-label,.status-value{align-items:center;display:flex;gap:var(--spacing-sm)}.status-indicator{flex-shrink:0}.status-indicator.active{background-color:var(--color-success)}.status-indicator.pending{background-color:var(--color-warning)}.status-indicator.inactive{background-color:var(--color-error)}.setup-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.action-button{padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.connect-button{background-color:var(--admin-primary);color:#fff}.connect-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.dashboard-button{background-color:#ffffff1a;color:#fff}.dashboard-button:hover{background-color:#ffffff26;transform:translateY(-1px)}.setup-info{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.setup-info h3{color:#ffffffe6}.setup-info h3,.setup-info p{margin-bottom:var(--spacing-md)}.setup-info p{color:#ffffffb3}.progress-steps{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.step{background-color:#ffffff08;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);text-align:center}.step:not(:last-child):after{background-color:#ffffff1a;content:"";height:2px;position:absolute;right:-20px;top:50%;width:20px}.step.completed{background-color:var(--admin-primary);color:#fff}.step.active{border:1px solid var(--admin-primary)}@media (max-width:768px){.stripe-status{grid-template-columns:1fr}.setup-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.progress-steps{flex-direction:column}.step:not(:last-child):after{display:none}}.backup-management{background-color:var(--admin-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--admin-text);padding:var(--spacing-lg)}.backup-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.backup-header h2{color:var(--admin-text);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0}.backup-actions{gap:var(--spacing-sm)}.action-button{background-color:var(--admin-background);border:1px solid #fff3;color:var(--admin-text);font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast) ease}.action-button:hover{border-color:#ffffff4d;transform:translateY(-1px)}.action-button.active{background-color:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.action-button.run-backup{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.action-button.run-backup:hover{background-color:#2e7d2e;border-color:#2e7d2e}.action-button.run-backup:disabled{background-color:#388e3c80;border-color:#388e3c80;cursor:not-allowed;transform:none}.backup-list{margin-top:var(--spacing-lg)}.backup-table{background-color:var(--admin-background);border-collapse:collapse;border-radius:var(--border-radius-sm);overflow:hidden;width:100%}.backup-table td,.backup-table th{border-bottom:1px solid #ffffff1a;color:var(--admin-text);font-family:var(--font-family-secondary);padding:var(--spacing-md);text-align:left}.backup-table th{color:#fffc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.backup-table th,.backup-table tr:hover{background-color:#ffffff0d}.backup-actions{display:flex;gap:var(--spacing-xs)}.download-backup{border-color:var(--admin-primary);color:var(--admin-primary)}.download-backup:hover{background-color:var(--admin-primary);color:#fff}.process-images{border-color:#9c27b0;color:#9c27b0}.process-images:hover{background-color:#9c27b0;color:#fff}.reprocess-images{border-color:#00bcd4;color:#00bcd4}.reprocess-images:hover{background-color:#00bcd4;color:#fff}.delete-backup{border-color:var(--color-error);color:var(--color-error)}.delete-backup:hover{background-color:var(--color-error);color:#fff}.empty-state{background-color:var(--admin-background);border:1px dashed #fff3;border-radius:var(--border-radius-sm);color:#fff9;padding:var(--spacing-xxl);text-align:center}.empty-state,.error-message{font-family:var(--font-family-secondary)}.error-message{background-color:#d32f2f1a;border:1px solid #d32f2f4d;color:#ffebee;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.image-processing-section{background-color:var(--admin-background);border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.image-processing-section h3{color:var(--admin-text);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);margin-top:0}.help-text{color:#ffffffb3;font-family:var(--font-family-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.image-status-cell{min-width:120px}.image-progress{align-items:center;display:flex;gap:var(--spacing-xs)}.progress-bar{background-color:#ffffff1a;border-radius:var(--border-radius-full);height:8px;overflow:hidden;width:100px}.progress-bar-fill{background-color:var(--admin-primary);height:100%;transition:width var(--transition-normal) ease-in-out}.image-processed{align-items:center;color:var(--color-success);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xxs)}.image-not-processed{color:#ffffff80;font-size:var(--font-size-sm)}.spin{animation:spin 1s linear infinite}.notion-analytics{background:var(--admin-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--admin-text);padding:1.5rem}.analytics-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.header-title{gap:.75rem}.header-title h2{color:var(--admin-text);font-size:var(--font-size-xl)}.sync-button{align-items:center;background-color:var(--admin-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:.5rem;padding:.5rem 1rem;transition:background-color var(--transition-fast)}.sync-button:hover{background-color:var(--admin-accent)}.sync-button:disabled{background-color:#4a5568;cursor:not-allowed}.sync-buttons{display:flex;gap:10px}.sync-button.today{background-color:#4a5568;background-color:var(--admin-secondary,#4a5568)}.sync-button.today:hover{background-color:#2d3748;background-color:var(--admin-secondary-hover,#2d3748)}.spinning{animation:spin 1s linear infinite}.setup-required{background-color:#ffffff0d;border-radius:var(--border-radius-md);margin-top:1rem;padding:2rem;text-align:center}.setup-button{background-color:var(--admin-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);margin-top:1rem;padding:.5rem 1rem;transition:background-color var(--transition-fast)}.setup-button:hover{background-color:var(--admin-accent)}.analytics-configured{margin-top:1rem}.config-status{align-items:center;background-color:#007acc1a;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.database-id{background-color:#ffffff1a;border-radius:var(--border-radius-sm);font-family:monospace;padding:.25rem .5rem}.sync-results{background-color:#ffffff0d;border-radius:var(--border-radius-md);margin-top:1.5rem;padding:1rem}.results-stats{display:flex;justify-content:space-between;margin:1rem 0}.stat{flex:1 1;text-align:center}.stat-value{color:var(--admin-primary);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.stat-label{color:#ffffffb3;font-size:var(--font-size-sm)}.errors-list{background-color:#dc262633;border-radius:var(--border-radius-md);margin-top:1rem;padding:1rem}.errors-list h4{color:#ef4444;margin-top:0}.analytics-info{background-color:#ffffff0d;line-height:var(--line-height-normal);margin-top:2rem;padding:1rem}.analytics-info,.error-message{border-radius:var(--border-radius-md)}.error-message{background-color:#dc262633;border-left:4px solid #ef4444;color:#ef4444;margin:1rem 0;padding:.75rem 1rem}.admin-dashboard{color:#fff;padding:var(--spacing-lg)}.dashboard-header{align-items:center;display:flex;justify-content:space-between}.dashboard-grid,.dashboard-header{margin-bottom:var(--spacing-xl)}.admin-dashboard .dashboard-card{background-color:#ffffff0d!important;border:1px solid #ffffff1a!important}.admin-dashboard .dashboard-card .card-content,.admin-dashboard .dashboard-card .card-title{color:#fff!important}.dashboard-card{cursor:pointer;padding:var(--spacing-lg);transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.dashboard-card:hover{background-color:#ffffff12;border-color:#fff3}.card-header{justify-content:space-between}.card-title{align-items:center;color:#ffffffe6;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.card-content{color:#ffffffb3}.notion-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.notion-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.notion-header,.notion-title{align-items:center;display:flex}.notion-title{color:#fff;gap:var(--spacing-sm)}.notion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease-in-out}.notion-content.expanded{max-height:1000px}.admin-dashboard button{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.admin-dashboard button:hover{background-color:#ffffff12;border-color:#fff3}.connection-status{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.connected{background-color:var(--color-success)}.status-indicator.disconnected{background-color:var(--color-error)}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.notion-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}.backups-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:15px}.backups-table{border-collapse:collapse;width:100%}.backups-table td,.backups-table th{border-bottom:1px solid #ffffff1a;color:#fff;padding:12px 15px;text-align:left}.backups-table th{background-color:#ffffff12;color:#ffffffe6;font-weight:600}.backups-table tr:last-child td{border-bottom:none}.backups-table tr:hover{background-color:#ffffff12}.backups-table .actions{display:flex;gap:10px}.backups-table .icon-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px}.backups-table .icon-button:hover{background-color:#ffffff1a;border-color:#fff3}.backups-table .download:hover{color:var(--color-primary)}.backups-table .delete:hover{color:var(--color-error)}.no-backups{color:#ffffffb3;padding:30px;text-align:center}.status-message{align-items:center;border-radius:6px;display:flex;margin:15px 0;padding:12px 15px;position:relative}.status-message.success{background-color:#13733333;color:#4ade80}.status-message.error{background-color:#b91c1c33;color:#f87171}.status-message.info{background-color:#1a73e833;color:#60a5fa}.status-message svg{margin-right:8px}.close-button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.backup-info{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);color:#ffffffb3;font-size:.9rem;margin-top:20px;padding:15px}.admin-section{margin-bottom:30px}.section-header{justify-content:space-between;margin-bottom:15px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#fff;gap:10px}.action-button{background-color:#ffffff0d;border:1px solid #ffffff1a;font-weight:500;gap:8px;padding:8px 16px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.action-button:hover{background-color:#ffffff1a;border-color:#fff3}.action-button:disabled{background-color:#ffffff05;border-color:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.error-message{background-color:#b91c1c33;border-radius:6px;color:#f87171;margin:15px 0;padding:12px 15px}.error-message svg{margin-right:8px}.customer-management{color:#fff;padding:var(--spacing-lg)}.customer-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.customer-table{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);overflow:hidden}.table-header,.table-row{grid-template-columns:2fr 2fr 1fr 1fr}.cell{padding-right:var(--spacing-xl);position:relative}.cell:not(:last-child):after{background-color:#ffffff1a;content:"";height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.table-header .header-cell{padding-right:var(--spacing-xl);position:relative}.table-header .header-cell:not(:last-child):after{background-color:#ffffff1a;content:"";height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}@media (max-width:768px){.cell:after,.header-cell:after{display:none}.management-header{flex-direction:column;gap:var(--spacing-md)}.search-bar,.search-bar input{width:100%}.table-header,.table-row{border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:2fr 2fr 1fr 1fr;padding:var(--spacing-md)}.cell:not(:first-child),.header-cell:not(:first-child){display:none}.actions{justify-content:flex-end;padding-right:0}}.product-management{color:#fff;padding:var(--spacing-lg)}.management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.header-title{align-items:center;display:flex;gap:var(--spacing-sm)}.header-title h2{color:#fff;margin:0}.search-bar{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.search-bar:focus-within,.search-bar:hover{background-color:#ffffff12;border-color:#fff3}.search-bar input{background:none;border:none;color:#fff;font-size:var(--font-size-md);outline:none;width:300px}.search-bar input::placeholder{color:#ffffff80}.product-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.stat-card h3{color:#ffffffb3;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0}.stat-card p{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.product-table{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);overflow:hidden}.table-header{grid-template-columns:2fr 1fr 1fr 1fr}.header-cell{color:#ffffffb3;cursor:pointer;font-weight:var(--font-weight-medium);transition:color var(--transition-normal);-webkit-user-select:none;user-select:none}.header-cell:hover{color:#fff}.table-body{max-height:600px;overflow-y:auto}.table-row{grid-template-columns:2fr 1fr 1fr 1fr}.table-row:hover{background-color:#ffffff12}.table-row:last-child{border-bottom:none}.cell{align-items:center;color:#fff;display:flex}.actions{justify-content:flex-end}.action-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-normal)}.action-button:hover{background-color:#fff3}.no-results{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}@media (max-width:768px){.image-wrapper{height:40px;width:40px}}.table-header{background-color:#ffffff0d}.table-header,.table-row{border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:auto 2fr 1fr 1fr 1fr;padding:var(--spacing-md)}.table-row{cursor:pointer;transition:background-color var(--transition-normal)}.image-cell{align-items:center;display:flex;justify-content:center;padding-right:var(--spacing-sm);width:60px}.image-wrapper{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);height:50px;overflow:hidden;position:relative;width:50px}.image-placeholder{background-color:#ffffff0d;color:#ffffff80}.product-thumbnail{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.product-thumbnail.loaded{opacity:1}.product-thumbnail{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);height:50px;object-fit:cover;width:50px}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.color-scheme-customizer{background-color:var(--admin-surface);border-radius:var(--border-radius-lg);color:var(--admin-text);padding:var(--spacing-lg)}.preview-button{background-color:#007acc1a!important}.save-button{background-color:#14f1971a!important}.reset-button{background-color:#f57c001a!important}.colors-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.color-item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.color-item:hover{background-color:#ffffff12;border-color:#ffffff26}.color-item label{color:var(--admin-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.color-preview{align-items:center;background-color:#0003;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:background-color var(--transition-normal)}.color-preview:hover{background-color:#0000004d}.color-swatch{border:1px solid #fff3;border-radius:var(--border-radius-sm);height:24px;transition:transform var(--transition-normal);width:24px}.color-preview:hover .color-swatch{transform:scale(1.1)}.color-value{color:var(--admin-text);font-size:var(--font-size-sm);opacity:.8}.color-picker-popover{animation:scaleIn .2s ease-out forwards;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:var(--z-index-popover)}.color-picker-cover{animation:fadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-preview{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg)}.preview-content,.theme-preview{padding:var(--spacing-lg)}.preview-content button{border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.preview-content button:hover{border-color:#fff3;transform:translateY(-1px)}.font-customizer{background-color:var(--admin-surface);border-radius:var(--border-radius-lg);color:var(--admin-text);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.fonts-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.font-item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.font-item:hover{background-color:#ffffff12;border-color:#ffffff26}.font-item label{color:var(--admin-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.font-item select{background-color:#0003;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--admin-text);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-normal);width:100%}.font-item select:hover:not(:disabled){background-color:#0000004d;border-color:#fff3}.font-item select:disabled{cursor:not-allowed;opacity:.5}.font-preview{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.font-preview h4{color:var(--admin-text);margin:0 0 var(--spacing-md) 0}.font-preview h5,.font-preview p{color:var(--admin-text);margin:var(--spacing-md) 0}@media (max-width:768px){.fonts-grid{grid-template-columns:1fr}}.logo-customizer{background-color:var(--admin-surface);border-radius:var(--border-radius-lg);color:var(--admin-text);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.customizer-header{margin-bottom:var(--spacing-xl);text-align:center}.customizer-header h3{color:var(--admin-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg) 0}.customizer-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.customizer-actions button{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--admin-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.customizer-actions button:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.logo-upload-area{background-color:#ffffff0d;border:2px dashed #fff3;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-normal)}.logo-upload-area.preview-mode{opacity:.5;pointer-events:none}.logo-upload-area.drag-active{background-color:#ffffff1a;border-color:var(--admin-primary)}.upload-prompt{color:var(--admin-text)}.logo-preview{display:inline-block;position:relative}.logo-preview img{border-radius:var(--border-radius-sm);display:block;margin:0 auto}.remove-logo{align-items:center;background-color:var(--color-error);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;gap:var(--spacing-xs);opacity:0;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:opacity var(--transition-normal)}.logo-preview:hover .remove-logo{opacity:1}.logo-settings .form-group{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);box-sizing:border-box;margin-bottom:var(--spacing-md);padding:var(--spacing-md);width:100%}.logo-settings label{color:var(--admin-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.logo-settings input{background-color:#0003;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--admin-text);font-size:var(--font-size-md);padding:var(--spacing-sm);transition:all var(--transition-normal);width:100%}.logo-settings input[type=number]{appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield}.logo-settings input[type=number]::-webkit-inner-spin-button,.logo-settings input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.logo-settings input:focus{background-color:#0000004d;border-color:var(--admin-primary);outline:none}.logo-settings input:hover{border-color:#fff3}.logo-preview-mode{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.logo-preview-mode h4{color:var(--admin-text);margin:0 0 var(--spacing-md) 0}.input-wrapper{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md)}.input-wrapper,.input-wrapper input{box-sizing:border-box;padding:var(--spacing-sm);width:100%}.input-wrapper input{background:none;border:none;color:var(--admin-text);font-size:var(--font-size-md);outline:none}.preview-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.preview-header{background-color:var(--admin-background);justify-content:center}.preview-header,.preview-info{border-radius:var(--border-radius-md)}.preview-info{background-color:#0003;padding:var(--spacing-md)}.preview-info p{color:var(--admin-text);margin:var(--spacing-xs) 0}@media (max-width:768px){.logo-settings{padding:0}.customizer-actions{flex-direction:column}.customizer-actions button{width:100%}}.hero-section{background-position:50%;background-size:cover;position:relative;width:100%}.hero-section:before{background-color:#0000001a;content:""}.hero-overlay,.hero-section:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{align-items:center;display:flex;justify-content:center}.hero-content{max-width:800px;padding:var(--spacing-xl);text-align:center}.hero-section.text-left .hero-content{margin-left:var(--spacing-xl);text-align:left}.hero-section.text-right .hero-content{margin-right:var(--spacing-xl);text-align:right}.hero-content h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.hero-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.hero-cta{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);transition:opacity var(--transition-normal)}.hero-cta:hover{opacity:.9}@media (max-width:768px){.hero-content{padding:var(--spacing-lg)}.hero-content h1{font-size:var(--font-size-xl)}.hero-content p{font-size:var(--font-size-md)}}.product-grid-section{padding:var(--spacing-xl) var(--spacing-lg)}.product-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);width:100%}.layout-grid{grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--grid-columns,4),1fr)}.layout-list{grid-template-columns:1fr}.product-card{background-color:var(--preview-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal)}.product-image{overflow:hidden;padding-bottom:100%;position:relative}.product-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-normal);width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.quick-add:hover{opacity:.9}.product-info{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-md)}.product-info h3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.product-price{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.quick-add{align-items:center;border:none;border-radius:var(--border-radius-full);bottom:var(--spacing-md);cursor:pointer;display:flex;gap:var(--spacing-xs);left:50%;opacity:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;transform:translateX(-50%) translateY(100%);transition:all var(--transition-normal)}.product-card:hover .quick-add{opacity:1;transform:translateX(-50%) translateY(0)}.product-description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;opacity:.8}@media (max-width:1200px){.layout-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.layout-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.layout-grid{grid-template-columns:1fr}}.category-grid-section{padding:var(--spacing-xl) var(--spacing-lg)}.category-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--category-columns,3),1fr)}.category-card{border-radius:var(--border-radius-lg);overflow:hidden;position:relative;transition:transform var(--transition-normal)}.category-card:hover{transform:translateY(-4px)}.category-image{overflow:hidden;position:relative}.ratio-square .category-image{aspect-ratio:1}.ratio-wide .category-image{aspect-ratio:16/9}.ratio-portrait .category-image{aspect-ratio:3/4}.category-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.category-card:hover .category-image img{transform:scale(1.05)}.category-info{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;left:0;padding:var(--spacing-lg);position:absolute;right:0;text-align:center}.category-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.category-info p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0;opacity:.9}.category-button{border:none;border-radius:var(--border-radius-full);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:opacity var(--transition-normal)}.category-button:hover{opacity:.9}@media (max-width:1200px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.category-grid{grid-template-columns:1fr}}.newsletter-section{padding:var(--spacing-xl) var(--spacing-lg)}.newsletter-container{align-items:center;display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:1200px}.newsletter-image{border-radius:var(--border-radius-lg);flex:1 1;overflow:hidden}.newsletter-image img{display:block;height:auto;width:100%}.newsletter-content{flex:1 1;padding:var(--spacing-xl);text-align:center}.newsletter-icon{margin-bottom:var(--spacing-md);opacity:.8}.newsletter-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.newsletter-content p{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);opacity:.8}.newsletter-form{display:flex;gap:var(--spacing-sm);margin:0 auto;max-width:500px}.newsletter-form input{background:#0000;border:1px solid;border-radius:var(--border-radius-sm);flex:1 1;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}.newsletter-form button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:opacity var(--transition-normal)}.newsletter-form button:hover{opacity:.9}@media (max-width:768px){.newsletter-container{flex-direction:column}.newsletter-image{display:none}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}.testimonials-section{overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg)}.testimonials-container{margin:0 auto;max-width:1000px;position:relative;text-align:center}.quote-icon{margin-bottom:var(--spacing-lg);opacity:.2}.testimonials-slider{height:300px;margin:var(--spacing-xl) 0;position:relative}.testimonial-slide{left:0;opacity:0;position:absolute;top:0;transform:translateX(50px);transition:all var(--transition-normal);visibility:hidden;width:100%}.testimonial-slide.active{opacity:1;transform:translateX(0);visibility:visible}.testimonial-content{margin-bottom:var(--spacing-lg)}.testimonial-content p{font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-loose)}.testimonial-author{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center}.testimonial-author img{border-radius:50%;height:60px;object-fit:cover;width:60px}.author-info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0}.author-info p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0;opacity:.8}.slider-controls{gap:var(--spacing-lg)}.slider-controls,.slider-controls button{align-items:center;display:flex;justify-content:center}.slider-controls button{border:none;border-radius:50%;cursor:pointer;height:40px;transition:opacity var(--transition-normal);width:40px}.slider-controls button:hover{opacity:.9}.slider-dots{display:flex;gap:var(--spacing-xs)}.dot{border:none;border-radius:50%;cursor:pointer;height:8px;opacity:.5;transition:all var(--transition-normal);width:8px}.dot.active{opacity:1}.style-minimal .quote-icon,.style-minimal .testimonial-author img{display:none}@media (max-width:768px){.testimonials-slider{height:400px}.testimonial-content p{font-size:var(--font-size-md)}.slider-controls{gap:var(--spacing-md)}}.home-template{background-color:var(--preview-background);min-height:100vh}.home-template section{margin-bottom:var(--spacing-xl)}.home-template section:last-child{margin-bottom:0}.home-template .hero-section{background-position:50%;background-size:cover;height:600px;height:var(--hero-height,600px);position:relative}.home-template .product-grid{grid-gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.home-template .category-grid,.home-template .product-grid{display:grid;gap:var(--spacing-md);padding:var(--spacing-lg)}.home-template .category-grid{grid-gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.home-template .newsletter-section{padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.home-template .testimonials-section{background-color:var(--preview-surface);padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width:768px){.home-template .category-grid{grid-template-columns:1fr}}.template-preview-container{background-color:var(--admin-background);border-radius:var(--border-radius-lg);height:100%;overflow:hidden;position:relative;width:100%}.template-preview-content{height:100%;overflow:auto;position:relative;width:100%}img{height:auto;max-width:100%}.template-preview-content::-webkit-scrollbar{width:8px}.template-preview-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.template-preview-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.template-preview-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.preview-container,.store-preview{height:100%;width:100%}.store-preview{background-color:var(--preview-background);color:var(--preview-text);font-family:var(--preview-font-primary);font-size:var(--preview-font-size-base);overflow-x:hidden;overflow-y:auto}.preview-header{align-items:center;background-color:var(--preview-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.preview-logo{max-width:200px}.preview-logo img{height:auto;width:100%}.preview-logo h1{color:var(--preview-background);font-family:var(--preview-font-primary);font-size:var(--preview-font-size-heading);margin:0}.preview-nav{display:flex;gap:var(--spacing-md)}.preview-nav-item{border-radius:var(--border-radius-sm);color:var(--preview-background);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color var(--transition-normal)}.preview-nav-item:hover{background-color:var(--preview-primary)}.preview-main{padding:var(--spacing-lg)}.preview-title{color:var(--preview-text);font-family:var(--preview-font-secondary);font-size:var(--preview-font-size-heading);margin-bottom:var(--spacing-lg)}.preview-products{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}.preview-product-card{background-color:var(--preview-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-normal)}.preview-product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.preview-product-image-container{background-color:var(--preview-surface);border-radius:var(--border-radius-sm);overflow:hidden;padding-top:100%;position:relative;width:100%}.preview-product-image{height:100%;left:0;position:absolute;top:0;width:100%}.preview-product-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.preview-product-card:hover .preview-product-image img{transform:scale(1.05)}.preview-product-info{padding:var(--spacing-md)}.preview-product-info h3{color:var(--preview-text);font-size:calc(var(--preview-font-size-base)*1.1);margin:0 0 var(--spacing-xs) 0}.preview-product-price{color:var(--preview-accent);display:block;font-size:var(--preview-font-size-lg);font-weight:var(--font-weight-bold);margin:var(--spacing-xs) 0}.preview-product-seller{color:var(--preview-text);font-size:calc(var(--preview-font-size-base)*.9);opacity:.8}.preview-add-to-cart,.preview-product-seller{align-items:center;display:flex;gap:var(--spacing-xs)}.preview-add-to-cart{background-color:var(--preview-primary);border:none;border-radius:var(--border-radius-sm);color:var(--preview-background);cursor:pointer;justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color var(--transition-normal);width:100%}.preview-add-to-cart:hover{background-color:var(--preview-accent)}.preview-footer{background-color:var(--preview-secondary);color:var(--preview-background);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.preview-footer-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.preview-footer-section h3{font-family:var(--preview-font-secondary);margin:0 0 var(--spacing-sm) 0}.preview-social-links{display:flex;gap:var(--spacing-md)}.preview-social-links a{color:var(--preview-background);text-decoration:none}.preview-social-links a:hover{color:var(--preview-primary)}.preview-error{color:var(--color-error);padding:var(--spacing-lg);text-align:center}@media (max-width:1200px){.preview-footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.preview-products{grid-template-columns:repeat(2,1fr)}.preview-footer-content{grid-template-columns:1fr}}@media (max-width:480px){.preview-products{grid-template-columns:1fr}.preview-nav{align-items:center;flex-direction:column}}.store-management{color:#fff;display:flex;gap:var(--spacing-lg);margin:0 auto;max-width:none;padding:var(--spacing-lg)}.customization-column{flex:0 0 40%;max-width:40%}.preview-column{border-left:1px solid var(--admin-accent);display:flex;flex:0 0 60%;flex-direction:column;height:calc(100vh - var(--spacing-lg)*2);max-width:60%;overflow-y:auto;padding-left:var(--spacing-lg);position:sticky;top:var(--spacing-lg)}.preview-container{background-color:var(--admin-background);border-radius:var(--border-radius-lg);flex:1 1;overflow:hidden;position:relative}.preview-column::-webkit-scrollbar{width:8px}.preview-column::-webkit-scrollbar-track{background:var(--admin-background)}.preview-column::-webkit-scrollbar-thumb{background:var(--admin-accent);border-radius:var(--border-radius-full)}.preview-column::-webkit-scrollbar-thumb:hover{background:var(--admin-primary)}.store-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.store-header h2{color:#fff}.store-actions a,.store-actions button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.edit-button{background-color:var(--admin-primary);color:#fff}.save-button{background-color:var(--color-success);color:var(--admin-text)}.reset-button{background-color:var(--color-warning);color:var(--admin-text)}.reset-button:hover,.save-button:hover{opacity:.9}.rollback-button{background-color:var(--color-warning);color:#fff}.store-content{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.store-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);height:fit-content;margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.store-section+.store-section{margin-top:var(--spacing-lg)}.store-section h3{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.store-management .store-section .form-group,.store-section h3{margin-bottom:var(--spacing-lg)}.store-management .store-section .form-group label{color:#fff;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.store-management .store-section .form-group input,.store-management .store-section .form-group textarea{background-color:#0003;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:#fff;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.store-management .store-section .form-group input::placeholder,.store-management .store-section .form-group textarea::placeholder{color:#ffffff80}.store-management .store-section .form-group input:hover:not(:disabled),.store-management .store-section .form-group textarea:hover:not(:disabled){background-color:#0000004d;border-color:#fff3}.store-management .store-section .form-group input:focus,.store-management .store-section .form-group textarea:focus{background-color:#0000004d;border-color:var(--admin-primary);outline:none}.store-management .store-section .form-group input:disabled,.store-management .store-section .form-group textarea:disabled{background-color:#0000001a;cursor:not-allowed;opacity:.5}.customization-tabs{border-bottom:1px solid var(--admin-accent);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm)}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.tab-button.active,.tab-button:hover{color:var(--admin-primary)}.tab-button.active{border-bottom-color:var(--admin-primary)}.tab-content{display:none}.tab-content.active{display:block}.theme-preview{background-color:var(--admin-surface);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.theme-preview h4{color:#fff;margin-bottom:var(--spacing-md)}.color-inputs{margin:var(--spacing-md) 0}.color-inputs .form-group label{color:#fff}.color-input-wrapper input[type=color]{background:none;border:1px solid var(--admin-accent);border-radius:var(--border-radius-sm)}.color-input-wrapper span{color:#fff}.theme-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.no-store{background-color:var(--admin-surface);border-radius:var(--border-radius-lg);color:#fff;padding:var(--spacing-xl);text-align:center}.no-store button{background-color:var(--admin-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.no-store button:hover{background-color:var(--color-primary-hover)}.wizard-button{align-items:center;background-color:var(--admin-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-normal)}.wizard-button:hover{background-color:var(--color-primary-hover);color:#fff}.store-actions{display:flex;gap:var(--spacing-md)}.store-actions a,.store-actions button{align-items:center;color:#fff;display:flex;gap:var(--spacing-xs)}.theme-preview .color-value,.theme-preview h4,.theme-preview label,.theme-preview p,.theme-preview span{color:#fff!important}@media (max-width:1200px){.store-management{flex-direction:column}.customization-column,.preview-column{flex:0 0 100%;max-width:100%}.preview-column{border-left:none;border-top:1px solid var(--admin-accent);height:auto;padding-left:0;padding-top:var(--spacing-lg);position:static}}@media (max-width:768px){.store-content{grid-template-columns:1fr}.store-section{margin-bottom:var(--spacing-lg)}.color-inputs{grid-template-columns:1fr}}.page-selector{margin-bottom:var(--spacing-lg)}.page-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.page-button{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--admin-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.page-button:hover{background-color:#ffffff1a;border-color:#fff3}.page-button.active{background-color:var(--admin-primary);border-color:var(--admin-primary)}.template-list,.template-manager{margin-top:var(--spacing-md)}.template-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-normal)}.template-card:hover{background-color:#ffffff12;border-color:#ffffff26;transform:translateY(-2px)}.template-card.selected{background-color:#007acc1a;border-color:var(--admin-primary)}.template-card img{border-radius:var(--border-radius-sm);height:120px;margin-bottom:var(--spacing-sm);object-fit:cover;width:100%}.template-card h4{color:var(--admin-text);margin:0 0 var(--spacing-xs) 0}.template-card p{color:var(--admin-text);font-size:var(--font-size-sm);margin:0;opacity:.8}.hero-image-customizer{color:#fff}.hero-upload-area{background-color:#ffffff0d;border:2px dashed #fff3;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-normal)}.hero-upload-area.drag-active{background-color:#ffffff1a;border-color:var(--admin-primary)}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-prompt{align-items:center;color:#fff;display:flex;flex-direction:column;gap:var(--spacing-sm)}.upload-prompt svg{color:var(--admin-primary);margin-bottom:var(--spacing-sm)}.upload-prompt p{font-size:var(--font-size-md);margin:0}.upload-prompt small{color:#fff9}.hero-preview{display:inline-block;max-width:100%;position:relative}.hero-preview img{border-radius:var(--border-radius-sm);max-width:100%}.remove-hero{align-items:center;background-color:var(--color-error);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;gap:var(--spacing-xs);opacity:0;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:opacity var(--transition-normal)}.hero-preview:hover .remove-hero{opacity:1}.hero-settings{margin-top:var(--spacing-lg)}.hero-settings .form-group{margin-bottom:var(--spacing-sm)}.hero-settings label{align-items:center;color:#fff;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.hero-settings select{background-color:#0003;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:#fff;margin-top:var(--spacing-xs);padding:var(--spacing-sm);width:100%}.error-message{align-items:center;background-color:#ff3b301a;border:1px solid #ff3b304d;border-radius:var(--border-radius-sm);color:#ff3b30;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.integrations{color:var(--admin-text);padding:var(--spacing-lg)}.create-key-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.create-key-form input{background-color:var(--admin-background);flex-grow:1;padding:var(--spacing-sm)}.create-key-form button,.create-key-form input{border:1px solid var(--admin-accent);border-radius:var(--border-radius-sm);color:var(--admin-text)}.create-key-form button{background-color:var(--admin-surface);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.create-key-form button:hover{background-color:var(--admin-accent);color:var(--admin-background)}.new-api-key{background-color:var(--admin-surface);border:1px solid var(--admin-accent);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.new-api-key p{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.new-api-key .hidden{filter:blur(4px)}.new-api-key .visible{background-color:var(--admin-background);border-radius:var(--border-radius-sm);font-family:monospace;padding:var(--spacing-xs)}.toggle-visibility{background-color:var(--admin-surface);border:1px solid var(--admin-accent);border-radius:var(--border-radius-sm);color:var(--admin-text);padding:var(--spacing-xs);transition:all .3s ease}.toggle-visibility:hover{background-color:var(--admin-accent);color:var(--admin-background)}.api-key-warning{color:var(--color-warning);font-style:italic;margin-top:var(--spacing-sm)}.api-keys-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.api-key-item{background-color:var(--admin-surface);border:1px solid var(--admin-accent);border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:var(--spacing-md)}.api-key-item.inactive{opacity:.7}.api-key-info{margin-bottom:var(--spacing-sm)}.api-key-actions{display:flex;gap:var(--spacing-sm)}.api-key-actions button,.toggle-inactive{align-items:center;background-color:var(--admin-surface);border:1px solid var(--admin-accent);border-radius:var(--border-radius-sm);color:var(--admin-text);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.api-key-actions button:hover,.toggle-inactive:hover{background-color:var(--admin-accent);color:var(--admin-background)}.toggle-inactive{margin-bottom:var(--spacing-md)}.inactive-keys{margin-top:var(--spacing-lg)}.usage-data{background-color:var(--admin-background);border:1px solid var(--admin-accent);border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.usage-data h4{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-sm)}.usage-data ul{list-style-type:none;padding-left:0}.usage-data li{margin-bottom:var(--spacing-xs)}.store-setup-wizard{color:#fff;margin:0 auto;max-width:800px;padding:var(--spacing-lg)}.wizard-header{margin-bottom:var(--spacing-xl);text-align:center}.wizard-header h2{color:#fff}.step-indicator{display:flex;justify-content:space-between;margin-top:var(--spacing-lg);position:relative}.step-indicator:before{background-color:var(--admin-accent);content:"";height:2px;left:0;position:absolute;right:0;top:24px;z-index:1}.step{flex:1 1;flex-direction:column;position:relative;z-index:2}.step,.step-icon{align-items:center;display:flex}.step-icon{background-color:var(--admin-surface);border:2px solid var(--admin-accent);border-radius:50%;color:#fff;height:48px;justify-content:center;margin-bottom:var(--spacing-sm);transition:all var(--transition-normal);width:48px}.step.active .step-icon{background-color:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.step.completed .step-icon{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.step-title{color:#fff;font-size:var(--font-size-sm);text-align:center}.wizard-content{background-color:var(--admin-surface);border-radius:var(--border-radius-lg);color:#fff;margin-bottom:var(--spacing-lg);min-height:400px;padding:var(--spacing-lg)}.wizard-content h3{color:#fff;margin-bottom:var(--spacing-sm)}.step-description{color:#fff;margin-bottom:var(--spacing-lg);opacity:.8}.wizard-step-content{margin-top:var(--spacing-lg)}.form-group label{color:#fff}.form-group input,.form-group textarea{background-color:var(--admin-background);border:1px solid var(--admin-accent);color:#fff}.checkbox-group{grid-gap:var(--spacing-sm);color:#fff;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.checkbox-group label{align-items:center;color:#fff;cursor:pointer;display:flex;gap:var(--spacing-xs)}.color-inputs{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.color-value{color:#fff;font-family:monospace}.theme-preview{border:1px solid var(--admin-accent);color:#fff;margin-bottom:var(--spacing-lg)}.file-upload{border:2px dashed var(--admin-accent);border-radius:var(--border-radius-md);cursor:pointer;padding:var(--spacing-lg);position:relative;text-align:center}.upload-hint{color:#fff;opacity:.7}.wizard-actions{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-xl)}.back-button,.next-button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.back-button{background-color:var(--admin-surface);color:#fff}.back-button:disabled{cursor:not-allowed;opacity:.5}.next-button{background-color:var(--admin-primary);color:#fff}.next-button:hover{background-color:var(--color-primary-hover)}.color-input-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.color-input-wrapper input[type=color]{height:40px;padding:0;width:50px}@media (max-width:768px){.step-indicator{display:none}.color-inputs,.form-row{grid-template-columns:1fr}.wizard-content{padding:var(--spacing-md)}.wizard-actions{flex-direction:column}.back-button,.next-button{width:100%}}.my-orders{margin:0 auto;max-width:var(--max-content-width);padding:var(--spacing-lg)}.my-orders h1{color:var(--customer-text)}.filters,.my-orders h1{margin-bottom:var(--spacing-lg)}.filters{display:flex;gap:var(--spacing-md)}.filters select{background-color:var(--customer-background);border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);color:var(--customer-text);font-size:var(--font-size-md);padding:var(--spacing-sm)}.order-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-card{background-color:var(--customer-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.order-header{align-items:center;background-color:#f0f0f0;color:var(--customer-text);display:flex;justify-content:space-between;padding:var(--spacing-md)}.order-info{display:flex;gap:var(--spacing-md)}.order-content{background-color:var(--customer-background);padding:var(--spacing-md)}.order-status{align-items:center;color:var(--customer-accent);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.order-products{flex-direction:column}.order-products,.product-item{display:flex;gap:var(--spacing-md)}.product-item{align-items:center}.product-image{border-radius:var(--border-radius-sm);height:80px;width:80px}.product-details{flex-grow:1}.product-name{color:var(--customer-text);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.product-price{color:var(--customer-accent)}.btn-buy-again{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--border-radius-full);color:var(--customer-background);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color .3s ease}.btn-buy-again:hover{background-color:var(--color-primary-hover)}.order-footer{background-color:var(--customer-surface);border-top:1px solid var(--customer-accent);display:flex;justify-content:space-between;padding:var(--spacing-md)}.backorder-info,.seller-info{color:var(--customer-text);font-size:var(--font-size-sm)}.backorder-info{color:var(--color-warning);font-weight:var(--font-weight-medium)}.error,.loading,.no-orders{color:var(--customer-text);padding:var(--spacing-lg);text-align:center}.error{color:var(--color-error)}.product-image-wrapper{background-color:var(--customer-surface);border-radius:var(--border-radius-sm);height:80px;overflow:hidden;position:relative;width:80px}.image-placeholder{align-items:center;background-color:var(--customer-surface);color:var(--customer-accent);display:flex;justify-content:center}.image-placeholder,.product-image{height:100%;left:0;position:absolute;top:0;width:100%}.product-image{object-fit:cover;opacity:0;transition:opacity .3s ease}.product-image.loaded{opacity:1}.loading-spinner-container,.message-container{align-items:center;display:flex;height:50vh;justify-content:center}.message-container{color:var(--customer-text);font-size:var(--font-size-lg)}.message-container.error{color:var(--color-error)}.message-container.no-orders{color:var(--customer-accent)}.coming-soon-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.coming-soon-icon{animation:bounce 2s infinite;color:#637445;margin-bottom:2rem}.coming-soon-title{color:#637445;font-size:2.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.coming-soon-text{color:#666;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.coming-soon-divider{background-color:#637445;height:3px;margin:2rem auto;opacity:.6;width:60px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width:768px){.coming-soon-title{font-size:2rem}.coming-soon-text{font-size:1rem;padding:0 1rem}}.account-security{background-color:var(--customer-background);color:var(--customer-text);margin:0 auto;max-width:var(--max-content-width);padding:var(--spacing-lg)}.account-security h2{color:var(--customer-accent);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.profile-section,.security-section{background-color:var(--customer-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.profile-section h3,.security-section h3{color:var(--customer-accent);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.info-item,.security-item{align-items:center;display:flex;margin-bottom:var(--spacing-md)}.info-item svg,.security-item svg{color:var(--customer-primary);margin-right:var(--spacing-md)}.info-item p,.security-item p{margin:0}.cancel-btn,.change-btn,.edit-btn,.save-btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--transition-normal)}.change-btn,.edit-btn{background-color:var(--customer-primary);color:var(--customer-surface)}.change-btn:hover,.edit-btn:hover{background-color:var(--color-primary-hover);color:var(--customer-surface)}.save-btn{background-color:var(--color-success);color:var(--customer-background);margin-right:var(--spacing-sm)}.cancel-btn{background-color:var(--color-error);color:var(--customer-accent)}.edit-form{margin-top:var(--spacing-md)}.form-group textarea{min-height:100px}.button-group{display:flex;justify-content:flex-start;margin-top:var(--spacing-md)}@media (max-width:768px){.account-security,.profile-section,.security-section{padding:var(--spacing-md)}.info-item,.security-item{align-items:flex-start;flex-direction:column}.info-item svg,.security-item svg{margin-bottom:var(--spacing-xs)}.button-group{flex-direction:column}.cancel-btn,.save-btn{margin-bottom:var(--spacing-sm);margin-right:0;width:100%}}.customer-info-form-container{background-color:var(--customer-background);border-radius:var(--border-radius-lg);margin:2rem auto;max-width:500px}.customer-info-form{background-color:var(--customer-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.customer-info-form h2{color:var(--customer-text);margin-bottom:var(--spacing-lg);text-align:center}.form-group label{color:var(--customer-text);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{background-color:var(--customer-background);border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);color:var(--customer-text);font-family:var(--font-family-primary);font-size:var(--font-size-md);padding:var(--spacing-sm);width:100%}.form-group textarea{height:100px;resize:vertical}button[type=submit]{background-color:var(--customer-primary);border:none;border-radius:var(--border-radius-sm);color:var(--customer-background);cursor:pointer;display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);transition:background-color var(--transition-normal);width:100%}button[type=submit]:hover{background-color:var(--color-primary-hover)}button[type=submit]:disabled{background-color:var(--customer-surface);color:var(--customer-text);cursor:not-allowed;opacity:.7}.message{border-radius:4px;margin-bottom:20px;padding:10px;text-align:center}.message.welcome{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.customer-info-form select.state-select{appearance:none;background-color:var(--customer-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--customer-text);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-sm);padding-right:32px;width:100%}.customer-info-form select.state-select:focus{border-color:var(--customer-text);outline:none}.customer-info-form select.state-select:invalid{color:var(--customer-text)}.customer-info-form select.state-select option{background-color:#fff;color:var(--customer-text)}.checkout{background-color:var(--customer-background);box-sizing:border-box;color:var(--customer-text);margin:0 auto;max-width:1200px;overflow:visible;padding:var(--spacing-sm);width:100%}.checkout h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.checkout-content{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;overflow:visible;width:100%}@media (max-width:768px){.checkout{margin:0 auto;padding:var(--spacing-sm);width:calc(100% - var(--spacing-md))}.checkout-content{gap:var(--spacing-md);grid-template-columns:1fr;width:100%}.customer-info,.order-summary{box-sizing:border-box;margin:0;padding:var(--spacing-md);width:100%}.form-group{width:100%}.form-group input{box-sizing:border-box;width:100%}.customer-info,.order-summary{padding:var(--spacing-sm)}.cart-item{align-items:flex-start;flex-direction:column;text-align:left}.cart-item .image-wrapper{margin-bottom:var(--spacing-sm)}.item-details{width:100%}.shipping-option label{align-items:flex-start;flex-direction:column}.shipping-price{margin-top:var(--spacing-xxs)}.confirmation-buttons{flex-direction:column;gap:var(--spacing-sm)}.cancel-order-btn,.confirm-order-btn,.place-order-btn{width:100%}.disclaimer-section{padding:var(--spacing-sm)}.disclaimer-content ul{padding-left:var(--spacing-sm)}}@media (max-width:480px){.checkout{padding:var(--spacing-xs);width:calc(100% - var(--spacing-sm))}.shipping-option{flex-direction:column}.shipping-option input[type=radio]{margin-bottom:var(--spacing-xxs)}.shipping-option-details{padding-left:var(--spacing-md)}.customer-info,.order-summary{padding:var(--spacing-sm)}}.customer-info,.order-summary{background:#fff;border:1px solid var(--customer-accent);border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:0;padding:20px}.customer-info h2,.order-summary h2,.payment-form h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md);width:100%}.form-row{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.customer-info input,.customer-info select.state-select{background-color:var(--customer-background);border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--customer-text);font-size:var(--font-size-md);padding:var(--spacing-sm);width:100%}.customer-info select.state-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}.customer-info select.state-select:focus{border-color:var(--customer-text);outline:none}.customer-info select.state-select:invalid{color:var(--customer-text)}.customer-info select.state-select option{background-color:#fff;color:var(--customer-text)}.cart-item{align-items:center;display:flex;margin-bottom:var(--spacing-sm)}.cart-item .image-wrapper{background-color:var(--customer-surface);border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);flex-shrink:0;height:80px;margin-right:15px;overflow:hidden;position:relative;width:80px}.cart-item .image-placeholder{align-items:center;background-color:#f5f5f5;border-radius:4px;color:var(--customer-accent);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.cart-item .product-image{border-radius:4px;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.cart-item .product-image.loaded{opacity:1}.item-details{display:flex;flex-direction:column}.item-name{font-weight:var(--font-weight-medium)}.item-price{color:var(--customer-accent)}.total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--spacing-md);text-align:right}.payment-form{border:1px solid var(--customer-accent);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.StripeElement,.payment-form{background-color:var(--customer-background)}.StripeElement{border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.StripeElement--focus{border-color:var(--customer-primary)}.StripeElement--invalid{border-color:var(--color-error)}.error-message{color:var(--color-error);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.order-actions{height:100px;margin-top:var(--spacing-lg);overflow:hidden;position:relative}.order-back,.order-front{backface-visibility:hidden;left:0;position:absolute;right:0;top:0;transition:all .3s ease-out;width:100%}.order-back{opacity:0;pointer-events:none;transform:translateY(20px);visibility:hidden}.order-actions.show-confirmation .order-front{opacity:0;pointer-events:none;transform:translateY(-20px);visibility:hidden}.order-actions.show-confirmation .order-back{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.cancel-order-btn,.confirm-order-btn,.place-order-btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.confirm-order-btn,.place-order-btn{background-color:var(--customer-primary);color:var(--customer-background)}.confirm-order-btn:hover,.place-order-btn:hover{background-color:var(--color-primary-hover)}.cancel-order-btn{background-color:var(--color-error);color:var(--customer-background)}.cancel-order-btn:hover{opacity:.9}.confirmation-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.order-back p{font-size:var(--font-size-md);margin-bottom:var(--spacing-md);text-align:center}.confirm-order-btn:disabled,.place-order-btn:disabled{background-color:var(--customer-surface);color:var(--customer-text);cursor:not-allowed}.shipping-options{border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.shipping-option{align-items:center;background-color:var(--customer-background);display:flex;padding:var(--spacing-sm)}.shipping-option input[type=radio]{margin-right:var(--spacing-sm)}.shipping-option label{cursor:pointer;display:flex;justify-content:space-between;width:100%}.delivery-days{color:var(--customer-accent);font-size:var(--font-size-sm)}.shipping-cost,.subtotal{margin-bottom:var(--spacing-sm)}.shipping-option{border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);margin:var(--spacing-sm) 0;padding:var(--spacing-md);transition:all var(--transition-normal)}.shipping-option:hover{background-color:var(--customer-background)}.shipping-option-details{display:flex;flex:1 1;flex-direction:column;gap:var (--spacing-xxs)}.shipping-price{color:var (--customer-primary);font-weight:var(--font-weight-bold)}.shipping-description{color:var(--customer-accent);font-size:var(--font-size-sm);font-style:italic}.disclaimer-section{background-color:#fff;border:1px solid var(--customer-accent);border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;margin:var(--spacing-lg) auto;max-width:800px;padding:var(--spacing-md)}.disclaimer-section h4{color:var(--customer-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.disclaimer-content{font-size:var(--font-size-sm)}.disclaimer-content p{line-height:1.5;margin-bottom:var(--spacing-sm)}.disclaimer-content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.disclaimer-content li{line-height:1.4;margin-bottom:var(--spacing-xs);position:relative}.disclaimer-checkbox{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.disclaimer-checkbox input[type=checkbox]{accent-color:var(--customer-primary);cursor:pointer;height:20px;width:20px}.disclaimer-checkbox label{cursor:pointer;font-weight:var(--font-weight-medium)}@media (max-width:768px){.checkout-content{grid-template-columns:1fr}.confirmation-buttons{flex-direction:column}.cancel-order-btn,.confirm-order-btn,.customer-info,.order-summary,.place-order-btn{width:100%}}@media (max-width:480px){.shipping-option{flex-direction:column}.shipping-option input[type=radio]{margin-bottom:var(--spacing-xxs)}.shipping-option-details{padding-left:var(--spacing-md)}}.phone-input-group{align-items:center;display:flex;position:relative}.phone-input-group input{flex:1 1;padding-right:40px}.toggle-visibility{align-items:center;background:#0000;border:none;color:var(--color-secondary);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-visibility:hover{color:var(--color-primary)}.order-success-wrapper{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height))}.order-success,.order-success-wrapper{box-sizing:border-box;padding:var(--spacing-lg)}.order-success{background-color:var(--customer-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:var(--max-content-width);position:relative;width:100%}.success-icon{color:var(--color-success);margin-bottom:var(--spacing-md)}.order-success h1{color:var(--customer-text);margin-bottom:var(--spacing-md)}.order-success p{color:var(--customer-text);margin-bottom:var(--spacing-sm)}.view-orders-btn{background-color:var(--customer-primary);border-radius:var(--border-radius-sm);color:var(--customer-background);display:inline-block;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-normal)}.view-orders-btn:hover{background-color:var(--color-primary-hover)}.customer-dashboard{box-sizing:border-box;margin:0 auto;max-width:var(--max-content-width);padding:var(--spacing-lg);width:100%}.customer-dashboard.error,.customer-dashboard.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.customer-dashboard.error{color:#dc3545;padding:40px 20px;text-align:center}.customer-dashboard.error h2{color:var(--color-text);margin-bottom:20px}.customer-dashboard h2{color:var(--color-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0}.dashboard-card,.dashboard-grid{box-sizing:border-box;width:100%}.dashboard-card{background-color:var(--color-background);border:2px solid var(--color-accent);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.dashboard-card:hover{border-color:var(--color-secondary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #63744533;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-header svg{color:var(--color-accent);height:32px;width:32px}.card-header h3{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.dashboard-card p{color:var(--color-text);font-size:var(--font-size-md);margin:0}.auth-link{background-color:var(--color-accent);border-radius:var(--border-radius-md);color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .2s ease}.auth-link:hover{background-color:var(--color-accent-dark)}.customer-dashboard.loading{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:300px}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr;margin:10rem auto}}
/*# sourceMappingURL=main.cd813760.css.map*/