@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#000;--color-primary-hover:#000000d9;--color-secondary:#333;--color-tertiary:#757575;--color-neutral:#f5f5f7;--color-surface:#f9f9fb;--color-surface-dim:#d9dadc;--color-surface-bright:#f9f9fb;--color-surface-container-lowest:#fff;--color-surface-container-low:#f3f3f5;--color-surface-container:#eeeef0;--color-surface-container-high:#e8e8ea;--color-surface-container-highest:#e2e2e4;--color-on-surface:#1a1c1d;--color-on-surface-variant:#4c4546;--color-inverse-surface:#2f3132;--color-inverse-on-surface:#f0f0f2;--color-outline:#7e7576;--color-outline-variant:#cfc4c5;--color-on-primary:#fff;--color-on-secondary:#fff;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-success:#2d6a4f;--color-success-container:#d4edda;--color-warning:#e9c46a;--color-warning-container:#fff3cd;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display-lg:600 64px/72px var(--font-family);--font-display-mobile:600 40px/48px var(--font-family);--font-headline-lg:500 32px/40px var(--font-family);--font-headline-md:500 24px/32px var(--font-family);--font-headline-sm:500 20px/28px var(--font-family);--font-body-lg:400 18px/28px var(--font-family);--font-body-md:400 16px/24px var(--font-family);--font-body-sm:400 14px/20px var(--font-family);--font-label-caps:600 12px/16px var(--font-family);--font-caption:400 11px/16px var(--font-family);--font-button:500 14px/20px var(--font-family);--font-button-lg:500 16px/24px var(--font-family);--letter-spacing-tight:-.02em;--letter-spacing-slightly-tight:-.01em;--letter-spacing-normal:0em;--letter-spacing-wide:.02em;--letter-spacing-extra-wide:.1em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--margin-mobile:20px;--margin-desktop:64px;--gutter:24px;--container-max:1440px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-xl:0 20px 60px #0000001a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font:var(--font-body-md);color:var(--color-on-surface);background-color:var(--color-surface-container-lowest);min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:var(--font-family);background:0 0;border:none;outline:none;font-size:16px}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--margin-mobile);margin:0 auto}@media (width>=768px){.container{padding:0 var(--margin-desktop)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-display{font:var(--font-display-mobile);letter-spacing:var(--letter-spacing-slightly-tight)}.text-headline-lg{font:var(--font-headline-lg);letter-spacing:var(--letter-spacing-slightly-tight)}.text-headline-md{font:var(--font-headline-md)}.text-headline-sm{font:var(--font-headline-sm)}.text-body-lg{font:var(--font-body-lg)}.text-body-md{font:var(--font-body-md)}.text-body-sm{font:var(--font-body-sm)}.text-label-caps{font:var(--font-label-caps);letter-spacing:var(--letter-spacing-extra-wide);text-transform:uppercase}.text-caption{font:var(--font-caption);letter-spacing:var(--letter-spacing-wide)}@media (width>=768px){.text-display{font:var(--font-display-lg);letter-spacing:var(--letter-spacing-tight)}}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}::selection{background:var(--color-primary);color:var(--color-on-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(0)}.animate-fade-in{animation:.8s forwards fadeIn}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-slide-up-delayed{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .15s forwards slideUp}.animate-slide-up-delayed-2{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.navbar-header{width:100%;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);transition:background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);background-color:#fffc;border-bottom:1px solid #0000;position:sticky;top:0;left:0}.navbar-header.scrolled{border-bottom:1px solid var(--color-surface-container);box-shadow:var(--shadow-sm);background-color:#fffffff2}.navbar-container{height:80px;transition:height var(--transition-base);justify-content:space-between;align-items:center;display:flex}.navbar-header.scrolled .navbar-container{height:64px}.navbar-logo{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:var(--color-primary);text-align:center;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.navbar-logo a{transition:opacity var(--transition-fast)}.navbar-logo a:hover{opacity:.7}.nav-links{gap:var(--space-lg);display:flex}.nav-link{font:var(--font-label-caps);color:var(--color-secondary);transition:color var(--transition-fast);padding:var(--space-xs) 0;position:relative}.nav-link:after{content:"";background-color:var(--color-primary);transform-origin:100%;width:100%;height:1px;transition:transform var(--transition-base);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.nav-link.active{color:var(--color-primary)}.navbar-actions{align-items:center;gap:var(--space-lg);display:flex}.action-btn{color:var(--color-secondary);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.action-btn:hover{color:var(--color-primary);transform:translateY(-1px)}.bag-btn .bag-count{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);min-width:16px;height:16px;padding:0 var(--space-xs);justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.mobile-nav-toggle{color:var(--color-primary);display:none}.search-overlay{background-color:var(--color-surface-container-lowest);width:100%;height:100px;z-index:var(--z-modal);box-shadow:var(--shadow-md);animation:slideDown var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.search-overlay-container{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.search-form{border-bottom:1px solid var(--color-primary);padding:var(--space-xs) 0;flex:1;align-items:center;display:flex}.search-input{font:var(--font-body-lg);color:var(--color-primary);padding:var(--space-xs) 0;outline:none;flex:1}.search-input::placeholder{color:var(--color-tertiary)}.search-submit-btn{color:var(--color-primary)}.search-close-btn{color:var(--color-secondary);transition:color var(--transition-fast)}.search-close-btn:hover{color:var(--color-primary)}@media (width<=768px){.mobile-nav-toggle{z-index:calc(var(--z-overlay) + 1);display:block}.desktop-nav{background-color:var(--color-surface-container-lowest);width:100%;height:100vh;z-index:var(--z-overlay);padding:120px var(--margin-mobile) var(--margin-mobile);transition:transform var(--transition-slow);position:fixed;top:0;left:0;transform:translate(-100%)}.desktop-nav.open{transform:translate(0)}.nav-links{gap:var(--space-lg);flex-direction:column}.nav-link{text-transform:none;letter-spacing:normal;font-size:20px;font-weight:500}.nav-link:after{display:none}.navbar-logo{font-size:20px}.navbar-actions{gap:var(--space-md)}.search-btn{display:none}}.footer{background-color:var(--color-surface-container-low);padding:var(--space-4xl) 0 var(--space-2xl);border-top:1px solid var(--color-surface-container);color:var(--color-secondary)}.footer-container{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand-section{gap:var(--space-md);flex-direction:column;display:flex}.footer-logo{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:var(--color-primary);margin-bottom:var(--space-xs);font-size:24px;font-weight:700;display:inline-block}.footer-description{font:var(--font-body-sm);color:var(--color-tertiary);max-width:320px;line-height:1.6}.newsletter-form{border-bottom:1px solid var(--color-outline);padding:var(--space-xs) 0;max-width:320px;margin-top:var(--space-sm);transition:border-color var(--transition-fast);align-items:center;display:flex}.newsletter-form:focus-within{border-color:var(--color-primary)}.newsletter-input{font:var(--font-body-sm);color:var(--color-primary);background:0 0;border:none;flex:1}.newsletter-input::placeholder{color:var(--color-tertiary)}.newsletter-submit{color:var(--color-primary);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.newsletter-submit:hover{transform:translate(4px)}.footer-social{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.footer-links-group{gap:var(--space-sm);flex-direction:column;display:flex}.footer-heading{font:var(--font-label-caps);letter-spacing:var(--letter-spacing-extra-wide);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm)}.footer-link{font:var(--font-body-sm);color:var(--color-secondary);transition:color var(--transition-fast), transform var(--transition-fast);padding:2px 0;display:inline-block}.footer-link:hover{color:var(--color-primary);transform:translate(3px)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-surface-container-high);justify-content:space-between;align-items:center;display:flex}.footer-copyright{font:var(--font-caption);color:var(--color-tertiary)}.social-links{gap:var(--space-lg);display:flex}.social-link{color:var(--color-secondary);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--color-primary);transform:translateY(-2px)}@media (width<=992px){.footer-container{gap:var(--space-2xl);grid-template-columns:1fr 1fr}.footer-brand-section{grid-column:1/-1}}@media (width<=576px){.footer{padding:var(--space-2xl) 0 var(--space-xl)}.footer-container{gap:var(--space-xl);grid-template-columns:1fr}.footer-brand-section{grid-column:auto}.footer-bottom{gap:var(--space-md);flex-direction:column;align-items:flex-start}}.product-card{transition:transform var(--transition-base);position:relative}.product-card:hover{transform:translateY(-4px)}.product-card-link{display:block}.product-image-container{aspect-ratio:3/4;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-md);transition:box-shadow var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-card:hover .product-image-container{box-shadow:var(--shadow-md)}.product-image-text{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:#fff6;text-transform:uppercase;text-align:center;padding:0 var(--space-md);-webkit-user-select:none;user-select:none;font-size:20px;font-weight:300}.product-image-container[style*=EAE6E1] .product-image-text{color:#0000004d}.wishlist-toggle-btn{top:var(--space-md);right:var(--space-md);background-color:var(--color-surface-container-lowest);color:var(--color-secondary);border-radius:var(--radius-full);width:36px;height:36px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.wishlist-toggle-btn:hover{color:var(--color-primary);transform:scale(1.1)}.wishlist-toggle-btn.active{color:var(--color-primary)}.quick-actions-overlay{width:100%;padding:var(--space-md);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);z-index:2;background:linear-gradient(#0000,#0006);justify-content:center;display:flex;position:absolute;bottom:0;left:0;transform:translateY(10px)}.product-card:hover .quick-actions-overlay{opacity:1;transform:translateY(0)}.quick-add-btn{background-color:var(--color-surface-container-lowest);color:var(--color-primary);font:var(--font-label-caps);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), color var(--transition-fast);display:flex}.quick-add-btn:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.out-of-stock-badge{color:#fff;font:var(--font-label-caps);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background-color:#0009}.product-card-details{gap:var(--space-xs);flex-direction:column;display:flex}.product-card-category{font:var(--font-caption);color:var(--color-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.product-card-meta{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.product-card-name{font:var(--font-body-md);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.product-card-price{font:var(--font-body-md);color:var(--color-secondary)}.btn{font:var(--font-button);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;padding:16px 32px;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-on-primary);transform:translateY(-1px)}.btn-disabled{background-color:var(--color-surface-container-high);color:var(--color-tertiary);cursor:not-allowed;pointer-events:none}.hero-section{color:#fff;min-height:80vh;padding:var(--space-4xl) 0;background-color:#0f1011;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:650px;position:relative}.hero-subtitle{color:var(--color-outline-variant);margin-bottom:var(--space-md);display:block}.hero-title{font:var(--font-display-mobile);margin-bottom:var(--space-lg);letter-spacing:var(--letter-spacing-tight);font-weight:700;line-height:1.1}@media (width>=768px){.hero-title{font:var(--font-display-lg)}}.hero-description{color:var(--color-surface-dim);margin-bottom:var(--space-2xl);line-height:1.6}.hero-ctas{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-ctas .btn-secondary{color:#fff;border-color:#fff}.hero-ctas .btn-secondary:hover{color:var(--color-primary);background-color:#fff}.hero-ambient-bg{pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);width:50%;height:100%;position:absolute;top:0;right:0}.featured-section{padding:var(--space-4xl) var(--margin-mobile)}.section-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:flex-end;display:flex}.section-subtitle{color:var(--color-tertiary);margin-bottom:var(--space-xs);display:block}.section-title{color:var(--color-primary)}.view-all-link{font:var(--font-label-caps);color:var(--color-secondary);align-items:center;gap:var(--space-xs);transition:color var(--transition-fast), transform var(--transition-fast);display:flex}.view-all-link:hover{color:var(--color-primary);transform:translate(4px)}.products-grid{gap:var(--space-xl) var(--gutter);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.editorial-section{background-color:var(--color-surface-container-low);padding:var(--space-4xl) 0;border-top:1px solid var(--color-surface-container);border-bottom:1px solid var(--color-surface-container)}.editorial-container{gap:var(--space-3xl);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.editorial-image-block{aspect-ratio:16/10;border-radius:var(--radius-lg);background-color:#dedcd7;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.editorial-visual-text{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:#fff6;font-size:60px;font-weight:700}.editorial-content{align-items:flex-start;gap:var(--space-md);flex-direction:column;display:flex}.editorial-title{color:var(--color-primary)}.editorial-text{color:var(--color-secondary);margin-bottom:var(--space-lg);line-height:1.7}.philosophy-section{background-color:var(--color-surface-container-lowest);padding:var(--space-3xl) 0}.philosophy-container{gap:var(--space-3xl);grid-template-columns:repeat(3,1fr);display:grid}.philosophy-card{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.philosophy-icon{color:var(--color-primary)}.philosophy-title{font:var(--font-headline-sm);color:var(--color-primary)}.philosophy-text{color:var(--color-tertiary);line-height:1.6}@media (width<=992px){.editorial-container{gap:var(--space-2xl);grid-template-columns:1fr}.philosophy-container{gap:var(--space-lg);grid-template-columns:1fr}}.shop-page{padding-top:var(--space-2xl);padding-bottom:var(--space-4xl)}.shop-header{margin-bottom:var(--space-2xl);text-align:center}.shop-breadcrumb{color:var(--color-tertiary);margin-bottom:var(--space-xs);display:block}.shop-title{color:var(--color-primary);font:var(--font-headline-lg);font-weight:700}.search-results-text{font:var(--font-body-sm);color:var(--color-secondary);margin-top:var(--space-xs)}.shop-toolbar{padding:var(--space-md) 0;border-top:1px solid var(--color-surface-container);border-bottom:1px solid var(--color-surface-container);margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.filter-toggle-btn{align-items:center;gap:var(--space-sm);font:var(--font-label-caps);color:var(--color-secondary);cursor:pointer;transition:color var(--transition-fast);display:flex}.filter-toggle-btn:hover,.filter-toggle-btn.active{color:var(--color-primary)}.sort-dropdown{font:var(--font-body-sm);color:var(--color-secondary);cursor:pointer;padding:var(--space-xs) var(--space-sm);background:0 0;border:none}.sort-dropdown:focus{color:var(--color-primary)}.shop-main-layout{gap:var(--space-3xl);grid-template-columns:240px 1fr;align-items:start;display:grid}.shop-sidebar{gap:var(--space-2xl);flex-direction:column;display:flex}.sidebar-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:none}.filter-group{gap:var(--space-md);flex-direction:column;display:flex}.filter-group-title{color:var(--color-primary);border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-xs)}.filter-options-list{gap:var(--space-sm);flex-direction:column;display:flex}.filter-option-btn{font:var(--font-body-sm);color:var(--color-secondary);text-align:left;transition:color var(--transition-fast), padding-left var(--transition-fast)}.filter-option-btn:hover{color:var(--color-primary);padding-left:var(--space-xs)}.filter-option-btn.active{color:var(--color-primary);padding-left:var(--space-xs);font-weight:600}.clear-filters-btn{font:var(--font-label-caps);color:var(--color-error);text-align:left;margin-top:var(--space-md);cursor:pointer}.clear-filters-btn:hover{opacity:.8}.shop-content-area{flex:1}.shop-products-grid{gap:var(--space-2xl) var(--gutter);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.no-results-state{text-align:center;padding:var(--space-4xl) var(--space-xl);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);flex-direction:column;justify-content:center;align-items:center;max-width:480px;margin:0 auto;display:flex}.no-results-icon{color:var(--color-tertiary);margin-bottom:var(--space-md);font-size:48px}.no-results-title{font:var(--font-headline-md);color:var(--color-primary);margin-bottom:var(--space-sm)}.no-results-desc{font:var(--font-body-sm);color:var(--color-secondary);margin-bottom:var(--space-xl);line-height:1.6}@media (width<=992px){.shop-main-layout{grid-template-columns:1fr}.shop-sidebar{background-color:var(--color-surface-container-lowest);width:300px;height:100vh;z-index:var(--z-modal);padding:var(--space-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-slow);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.shop-sidebar.show{transform:translate(0)}.sidebar-header{display:flex}}.product-detail-page{padding-top:var(--space-xl);padding-bottom:var(--space-4xl)}.back-link-btn{align-items:center;gap:var(--space-sm);font:var(--font-label-caps);color:var(--color-secondary);margin-bottom:var(--space-xl);cursor:pointer;transition:color var(--transition-fast);display:flex}.back-link-btn:hover{color:var(--color-primary)}.product-main-grid{gap:var(--space-3xl);margin-bottom:var(--space-4xl);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.product-images-column{gap:var(--space-md);flex-direction:column;display:flex}.product-large-image-box{aspect-ratio:3/4;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.product-large-image-text{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:#fff6;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:36px;font-weight:300}.product-large-image-box[style*=EAE6E1] .product-large-image-text{color:#0000004d}.product-thumbnails{gap:var(--space-md);display:flex}.thumbnail-box{border-radius:var(--radius-sm);cursor:pointer;width:80px;height:80px;transition:border-color var(--transition-fast);border:1px solid #0000}.thumbnail-box.active,.thumbnail-box:hover{border-color:var(--color-primary)}.product-info-column{gap:var(--space-md);flex-direction:column;display:flex}.product-info-category{color:var(--color-tertiary)}.product-info-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700;line-height:1.2}.product-info-rating{align-items:center;gap:var(--space-sm);display:flex}.stars-row{color:var(--color-primary);display:flex}.rating-text{color:var(--color-secondary)}.product-info-price{font:var(--font-headline-md);color:var(--color-primary);margin:var(--space-sm) 0;font-weight:600}.product-info-description{color:var(--color-secondary);line-height:1.7}.selection-group{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.selection-label{color:var(--color-primary)}.size-options{gap:var(--space-md);display:flex}.size-option-btn{font:var(--font-body-sm);color:var(--color-secondary);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-xl);transition:border-color var(--transition-fast), color var(--transition-fast)}.size-option-btn:hover,.size-option-btn.active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.actions-group{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;flex-wrap:wrap;display:flex}.quantity-selector{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);align-items:center;height:48px;display:flex}.qty-btn{width:40px;height:100%;color:var(--color-secondary);cursor:pointer;justify-content:center;align-items:center;display:flex}.qty-btn:hover{color:var(--color-primary)}.qty-value{text-align:center;width:32px;font:var(--font-body-md);color:var(--color-primary);font-weight:500}.add-to-cart-btn{align-items:center;gap:var(--space-sm);flex:1;min-width:200px;height:48px;display:flex}.wishlist-btn-action{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-secondary);transition:color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.wishlist-btn-action:hover,.wishlist-btn-action.active{border-color:var(--color-primary);color:var(--color-primary)}.trust-points{gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-surface-container);border-bottom:1px solid var(--color-surface-container);margin-top:var(--space-md);flex-direction:column;display:flex}.trust-point{gap:var(--space-md);color:var(--color-secondary);display:flex}.trust-point svg{color:var(--color-primary);flex-shrink:0}.trust-title{font:var(--font-body-sm);color:var(--color-primary);font-weight:600}.trust-desc{font:var(--font-caption);color:var(--color-tertiary)}.info-tabs{margin-top:var(--space-lg)}.tabs-header{border-bottom:1px solid var(--color-surface-container);gap:var(--space-xl);display:flex}.tab-title-btn{font:var(--font-label-caps);color:var(--color-tertiary);padding:var(--space-sm) 0;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000}.tab-title-btn:hover,.tab-title-btn.active{color:var(--color-primary)}.tab-title-btn.active{border-color:var(--color-primary)}.tab-content{padding:var(--space-md) 0}.specs-list{gap:var(--space-xs);padding-left:var(--space-md);flex-direction:column;list-style-type:disc;display:flex}.specs-list li{font:var(--font-body-sm);color:var(--color-secondary)}.shipping-text-tab{color:var(--color-secondary);line-height:1.6}.recommendations-section{border-top:1px solid var(--color-surface-container);padding-top:var(--space-4xl);margin-top:var(--space-4xl)}.recommendations-title{color:var(--color-primary);margin-bottom:var(--space-2xl);font-weight:600}.recommendations-grid{gap:var(--gutter);grid-template-columns:repeat(3,1fr);display:grid}.product-not-found{text-align:center;padding:var(--space-4xl) 0;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}@media (width<=992px){.product-main-grid{gap:var(--space-2xl);grid-template-columns:1fr}.recommendations-grid{grid-template-columns:1fr 1fr}}@media (width<=576px){.recommendations-grid{grid-template-columns:1fr}}.cart-page{padding-top:var(--space-xl);padding-bottom:var(--space-4xl)}.cart-header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-2xl);border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-md);display:flex}.cart-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.empty-cart-container{text-align:center;min-height:50vh;padding:var(--space-4xl) 0;justify-content:center;align-items:center;display:flex}.empty-cart-message{align-items:center;gap:var(--space-md);flex-direction:column;max-width:400px;display:flex}.empty-cart-icon{color:var(--color-tertiary);margin-bottom:var(--space-xs);font-size:64px}.cart-layout{gap:var(--space-3xl);grid-template-columns:2.2fr 1fr;align-items:start;display:grid}.cart-table-headers{border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-tertiary);grid-template-columns:3fr 1fr 1fr;display:grid}@media (width<=768px){.cart-table-headers{display:none}}.cart-items-list{flex-direction:column;display:flex}.cart-item-row{border-bottom:1px solid var(--color-surface-container-low);padding:var(--space-lg) 0;grid-template-columns:3fr 1fr 1fr;align-items:center;display:grid}@media (width<=768px){.cart-item-row{gap:var(--space-md);grid-template-columns:1fr;position:relative}}.cart-item-product{gap:var(--space-lg);align-items:center;display:flex}.cart-item-img{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:106px;display:flex;overflow:hidden}.cart-item-img-text{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:#fff6;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:500}.cart-item-info{gap:var(--space-xs);flex-direction:column;display:flex}.cart-item-name{font:var(--font-body-md);color:var(--color-primary);font-weight:500}.cart-item-size{color:var(--color-tertiary)}.cart-item-price-mobile{color:var(--color-secondary);display:none}@media (width<=768px){.cart-item-price-mobile{display:block}}.cart-item-remove-btn{align-items:center;gap:var(--space-xs);font:var(--font-caption);color:var(--color-tertiary);text-align:left;margin-top:var(--space-xs);transition:color var(--transition-fast);display:flex}.cart-item-remove-btn:hover{color:var(--color-error)}.quantity-selector-sm{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);align-items:center;height:36px;display:inline-flex}.qty-btn-sm{width:28px;height:100%;color:var(--color-secondary);cursor:pointer;justify-content:center;align-items:center;display:flex}.qty-btn-sm:hover{color:var(--color-primary)}.qty-value-sm{text-align:center;width:24px;font:var(--font-body-sm);color:var(--color-primary);font-weight:500}.cart-item-total{font:var(--font-body-md);color:var(--color-primary);text-align:right;font-weight:500}@media (width<=768px){.cart-item-total{text-align:left;margin-top:var(--space-xs);font-weight:600}}.continue-shopping-link{align-items:center;gap:var(--space-xs);color:var(--color-secondary);margin-top:var(--space-2xl);transition:color var(--transition-fast);display:inline-flex}.continue-shopping-link:hover{color:var(--color-primary)}.summary-card{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.summary-title{color:var(--color-primary);border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-sm);font-weight:600}.summary-row{justify-content:space-between;align-items:center;display:flex}.summary-val{font:var(--font-body-sm);color:var(--color-primary);font-weight:500}.shipping-notice{line-height:1.4}.summary-total-row{border-top:1px solid var(--color-surface-container);padding-top:var(--space-md);margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.total-label{font:var(--font-body-lg);color:var(--color-primary);font-weight:600}.total-val{font:var(--font-headline-sm);color:var(--color-primary);font-weight:700}.checkout-btn{align-items:center;gap:var(--space-sm);width:100%;height:52px;display:flex}@media (width<=992px){.cart-layout{gap:var(--space-3xl);grid-template-columns:1fr}}.checkout-page{padding-top:var(--space-xl);padding-bottom:var(--space-4xl)}.checkout-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:50vh;display:flex}.checkout-header{margin-bottom:var(--space-2xl);border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.checkout-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.checkout-steps{align-items:center;gap:var(--space-sm);display:flex}.checkout-step{align-items:center;gap:var(--space-xs);font:var(--font-body-sm);color:var(--color-outline);transition:color var(--transition-fast);font-weight:500;display:flex}.checkout-step.active{color:var(--color-primary)}.step-number{background-color:var(--color-surface-container);width:24px;height:24px;font:var(--font-caption);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.checkout-step.active .step-number{background-color:var(--color-primary);color:var(--color-on-primary,#fff)}.step-divider{color:var(--color-outline);align-items:center;display:flex}.checkout-layout{gap:var(--space-3xl);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}.checkout-section{margin-bottom:var(--space-2xl);gap:var(--space-md);flex-direction:column;display:flex}.checkout-section-title{color:var(--color-primary);align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-surface-container-low);font-weight:600;display:flex}.form-row-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--space-md);grid-template-columns:2fr 1fr 1fr;display:grid}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-secondary)}.form-input{background-color:var(--color-neutral);border-radius:var(--radius-md);font:var(--font-body-md);color:var(--color-primary);transition:border-color var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;padding:14px 16px}.form-input:focus{border-color:var(--color-primary);background-color:var(--color-surface-container-lowest)}.form-input.error{border-color:var(--color-error)}.form-input::placeholder{color:var(--color-outline)}.field-error{font:var(--font-caption);color:var(--color-error)}.checkout-form-error{border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);background-color:#dc354514;border:1px solid #dc354540}.checkout-form-error p{font:var(--font-body-sm);color:var(--color-error);margin:0}.shipping-methods{gap:var(--space-md);flex-direction:column;display:flex}.shipping-option{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.shipping-option:hover{border-color:var(--color-secondary)}.shipping-option.active{border-color:var(--color-primary);background-color:var(--color-surface-container-lowest)}.shipping-option input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px}.shipping-option-body{flex-direction:column;flex:1;gap:2px;display:flex}.shipping-option-name{font:var(--font-body-md);color:var(--color-primary);font-weight:500}.shipping-option-desc{color:var(--color-tertiary)}.shipping-option-price{font:var(--font-body-md);color:var(--color-primary);font-weight:600}.checkout-continue-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:52px;margin-top:var(--space-sm);display:flex}.checkout-back-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:44px;margin-top:var(--space-md);display:flex}.payment-section{animation:.4s ease-out fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.paypal-button-container{padding:var(--space-lg) 0;max-width:450px}.paypal-processing{align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface-container-low);border-radius:var(--radius-md);font:var(--font-body-sm);color:var(--color-secondary);margin-bottom:var(--space-md);display:flex}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-summary .summary-card{background-color:var(--color-surface-container-low);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex;position:sticky;top:100px}.summary-items-list{gap:var(--space-md);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.summary-item-row{align-items:center;gap:var(--space-md);display:flex}.summary-item-img{border-radius:var(--radius-sm);flex-shrink:0;width:48px;height:60px}.summary-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.summary-item-name{font:var(--font-body-sm);color:var(--color-primary);font-weight:500}.summary-item-qty{color:var(--color-tertiary)}.summary-item-price{font:var(--font-body-sm);color:var(--color-primary);font-weight:500}.summary-divider{background-color:var(--color-surface-container-high);height:1px;margin:var(--space-xs) 0}.checkout-summary .summary-row{font:var(--font-body-sm);color:var(--color-secondary);justify-content:space-between;display:flex}.checkout-summary .summary-total-row{justify-content:space-between;align-items:center;display:flex}.checkout-summary .total-label{font:var(--font-body-lg);color:var(--color-primary);font-weight:600}.checkout-summary .total-val{font:var(--font-headline-sm);color:var(--color-primary);font-weight:700}.checkout-btn{align-items:center;gap:var(--space-sm);width:100%;height:52px;margin-top:var(--space-sm);display:flex}.secure-badge{text-align:center;color:var(--color-tertiary);margin-top:var(--space-xs)}@media (width<=992px){.checkout-layout{grid-template-columns:1fr}}@media (width<=576px){.checkout-header{flex-direction:column;align-items:flex-start}.form-row-2,.form-row-3{grid-template-columns:1fr}}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-visual-panel{padding:var(--space-3xl);background-color:#0f1011;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-visual-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-visual-content{z-index:1;color:#fff;gap:var(--space-lg);flex-direction:column;max-width:400px;display:flex;position:relative}.auth-logo{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:#fff;margin-bottom:var(--space-xl);font-size:24px;font-weight:700;display:inline-block}.auth-visual-heading{font:var(--font-headline-lg);color:#fff;font-weight:700}.auth-visual-subtext{font:var(--font-body-md);color:#fff9;line-height:1.6}.auth-form-panel{padding:var(--space-3xl);background-color:var(--color-surface-container-lowest);justify-content:center;align-items:center;display:flex}.auth-form-container{width:100%;max-width:420px}.auth-form-title{font:var(--font-headline-lg);color:var(--color-primary);margin-bottom:var(--space-xs);font-weight:700}.auth-form-subtitle{margin-bottom:var(--space-xl)}.auth-error-box{background-color:var(--color-error-container);color:#93000a;font:var(--font-body-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.auth-form .form-field{gap:var(--space-xs);flex-direction:column;display:flex}.auth-form .form-label{color:var(--color-secondary)}.auth-form .form-input{background-color:var(--color-neutral);border-radius:var(--radius-md);font:var(--font-body-md);color:var(--color-primary);transition:border-color var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;padding:14px 16px}.auth-form .form-input:focus{border-color:var(--color-primary);background-color:var(--color-surface-container-lowest)}.auth-form .form-input::placeholder{color:var(--color-outline)}.form-extras{justify-content:space-between;align-items:center;display:flex}.remember-me-label{align-items:center;gap:var(--space-xs);color:var(--color-secondary);cursor:pointer;display:flex}.remember-me-label input[type=checkbox]{accent-color:var(--color-primary)}.forgot-link{color:var(--color-secondary);transition:color var(--transition-fast)}.forgot-link:hover{color:var(--color-primary)}.auth-submit-btn{width:100%;height:52px;margin-top:var(--space-sm)}.auth-switch-text{text-align:center;color:var(--color-secondary);margin-top:var(--space-2xl)}.auth-switch-link{color:var(--color-primary);transition:opacity var(--transition-fast);font-weight:600}.auth-switch-link:hover{opacity:.7}@media (width<=768px){.auth-page{grid-template-columns:1fr}.auth-visual-panel{min-height:240px;padding:var(--space-2xl) var(--margin-mobile)}.auth-visual-heading{font:var(--font-headline-md)}.auth-form-panel{padding:var(--space-2xl) var(--margin-mobile)}}.wishlist-page{padding-top:var(--space-xl);padding-bottom:var(--space-4xl)}.wishlist-empty{justify-content:center;align-items:center;min-height:50vh;display:flex}.empty-state-box{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;max-width:400px;display:flex}.empty-state-icon{color:var(--color-tertiary);margin-bottom:var(--space-sm)}.wishlist-header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-2xl);border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-md);display:flex}.wishlist-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.wishlist-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.wishlist-card{border:1px solid var(--color-surface-container);border-radius:var(--radius-md);transition:box-shadow var(--transition-base);display:flex;overflow:hidden}.wishlist-card:hover{box-shadow:var(--shadow-md)}.wishlist-card-image{flex-shrink:0;justify-content:center;align-items:center;width:140px;min-height:180px;display:flex}.wishlist-card-img-text{font-family:var(--font-family);letter-spacing:var(--letter-spacing-extra-wide);color:#fff6;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:300}.wishlist-card-body{padding:var(--space-lg);justify-content:space-between;gap:var(--space-md);flex-direction:column;flex:1;display:flex}.wishlist-card-meta{gap:var(--space-xs);flex-direction:column;display:flex}.wishlist-card-category{color:var(--color-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.wishlist-card-name{font:var(--font-body-md);color:var(--color-primary);font-weight:500}.wishlist-card-price{font:var(--font-body-md);color:var(--color-primary);font-weight:600}.wishlist-card-actions{align-items:center;gap:var(--space-md);display:flex}.wishlist-add-btn{align-items:center;gap:var(--space-xs);flex:1;height:40px;padding:8px 16px;font-size:12px;display:flex}.wishlist-remove-btn{width:40px;height:40px;color:var(--color-tertiary);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);transition:color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.wishlist-remove-btn:hover{color:var(--color-error);border-color:var(--color-error)}.dashboard-page{padding-top:var(--space-xl);padding-bottom:var(--space-4xl)}.dashboard-empty{justify-content:center;align-items:center;min-height:50vh;display:flex}.dashboard-header{margin-bottom:var(--space-2xl);border-bottom:1px solid var(--color-surface-container);padding-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.dashboard-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.logout-btn{align-items:center;gap:var(--space-xs);font:var(--font-label-caps);color:var(--color-secondary);transition:color var(--transition-fast);display:flex}.logout-btn:hover{color:var(--color-error)}.dashboard-grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:2fr 1fr 1fr;display:grid}.dash-card{background-color:var(--color-surface-container-low);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-xl)}.profile-card{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.profile-avatar{background-color:var(--color-surface-container-highest);border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-secondary);margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex}.profile-name{font:var(--font-headline-sm);color:var(--color-primary);text-transform:capitalize;font-weight:600}.profile-email{margin-bottom:var(--space-xs)}.profile-address{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.edit-profile-btn{align-items:center;gap:var(--space-xs);padding:8px 16px;font-size:12px;display:flex}.stat-card{text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.stat-icon{color:var(--color-primary)}.stat-value{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.stat-label{color:var(--color-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.orders-section{margin-top:var(--space-xl)}.orders-section-title{color:var(--color-primary);margin-bottom:var(--space-xl);font-weight:600}.orders-empty-state{align-items:center;gap:var(--space-md);padding:var(--space-3xl);background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.orders-table{border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);overflow:hidden}.orders-table-header{padding:var(--space-md) var(--space-lg);background-color:var(--color-surface-container-low);color:var(--color-tertiary);border-bottom:1px solid var(--color-surface-container);grid-template-columns:1.5fr 1.2fr .8fr 1fr 1fr .6fr;display:grid}.orders-table-row{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-surface-container-low);transition:background-color var(--transition-fast);grid-template-columns:1.5fr 1.2fr .8fr 1fr 1fr .6fr;align-items:center;display:grid}.orders-table-row:last-child{border-bottom:none}.orders-table-row:hover{background-color:var(--color-surface-container-low)}.order-id,.order-total{font:var(--font-body-sm);color:var(--color-primary);font-weight:600}.order-status{font:var(--font-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full);text-align:center;padding:4px 12px;display:inline-block}.order-track-link{color:var(--color-secondary);transition:color var(--transition-fast)}.order-track-link:hover{color:var(--color-primary)}@media (width<=992px){.dashboard-grid{grid-template-columns:1fr}.orders-table-header,.orders-table-row{gap:var(--space-xs);grid-template-columns:1fr 1fr 1fr}.orders-table-header span:nth-child(n+4),.orders-table-row span:nth-child(n+4),.orders-table-row a{display:none}}@media (width<=576px){.dashboard-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}.order-tracking-page{padding-top:var(--space-xl);padding-bottom:var(--space-4xl)}.order-not-found{justify-content:center;align-items:center;min-height:50vh;display:flex}.tracking-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-surface-container);justify-content:space-between;align-items:center;display:flex}.tracking-order-id{color:var(--color-tertiary);margin-bottom:var(--space-xs);display:block}.tracking-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.tracking-timeline{margin-bottom:var(--space-3xl);padding:var(--space-2xl) 0;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.timeline-step{align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;display:flex;position:relative}.timeline-icon-wrapper{border-radius:var(--radius-full);background-color:var(--color-surface-container-high);width:48px;height:48px;color:var(--color-tertiary);transition:background-color var(--transition-base), color var(--transition-base);z-index:1;justify-content:center;align-items:center;display:flex}.timeline-step.completed .timeline-icon-wrapper{background-color:var(--color-primary);color:var(--color-on-primary)}.timeline-step.current .timeline-icon-wrapper{box-shadow:0 0 0 4px #0000001a}.timeline-label{font:var(--font-caption);color:var(--color-tertiary);text-align:center;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.timeline-step.completed .timeline-label{color:var(--color-primary);font-weight:600}.timeline-connector{background-color:var(--color-surface-container-high);width:calc(100% - 48px);height:2px;position:absolute;top:24px;left:calc(50% + 24px)}.timeline-connector.completed{background-color:var(--color-primary)}.tracking-details-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.tracking-card{background-color:var(--color-surface-container-low);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.tracking-card-title{color:var(--color-primary);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-surface-container);font-weight:600}.tracking-info-row{justify-content:space-between;align-items:center;display:flex}.tracking-items-list{gap:var(--space-md);flex-direction:column;display:flex}.tracking-item-row{align-items:center;gap:var(--space-md);display:flex}.tracking-item-img{border-radius:var(--radius-sm);flex-shrink:0;width:48px;height:60px}.tracking-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.tracking-item-name,.tracking-item-price{color:var(--color-primary);font-weight:500}.tracking-total-row{padding-top:var(--space-md);border-top:1px solid var(--color-surface-container);margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.tracking-details-grid{grid-template-columns:1fr}.tracking-timeline{align-items:flex-start;gap:var(--space-xl);flex-direction:column}.timeline-step{gap:var(--space-md);flex-direction:row}.timeline-connector{display:none}}.payment-result-page{min-height:70vh;padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);justify-content:center;align-items:center;display:flex}.result-card{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-4xl) var(--space-2xl);text-align:center;align-items:center;gap:var(--space-md);width:100%;max-width:500px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.result-icon-wrapper{margin-bottom:var(--space-sm)}.result-icon-wrapper.success{color:var(--color-success)}.result-icon-wrapper.failure{color:var(--color-error)}.result-title{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.result-description{margin-bottom:var(--space-lg);line-height:1.6}.result-order-info{background-color:var(--color-surface-container-low);border-radius:var(--radius-md);width:100%;padding:var(--space-lg);margin-bottom:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.result-info-row{justify-content:space-between;align-items:center;display:flex}.result-actions{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.result-actions .btn{gap:var(--space-sm);width:100%;height:52px}@media (width<=576px){.result-card{padding:var(--space-3xl) var(--space-xl)}}.admin-dashboard-page{background-color:var(--color-surface-container-lowest);min-height:100vh;font-family:var(--font-body-md);display:flex}.admin-sidebar{background-color:var(--color-surface-container-low);border-right:1px solid var(--color-surface-container);flex-direction:column;width:280px;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-header{padding:var(--space-2xl) var(--space-xl);border-bottom:1px solid var(--color-surface-container);gap:var(--space-xs);flex-direction:column;display:flex}.admin-logo{font:var(--font-headline-sm);color:var(--color-primary);letter-spacing:var(--letter-spacing-widest);font-weight:700}.admin-role-badge{font:var(--font-caption);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);align-self:flex-start;padding:4px 8px;display:inline-block}.admin-nav{padding:var(--space-xl) var(--space-sm);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.admin-sidebar-footer{padding:var(--space-md) var(--space-sm);border-top:1px solid var(--color-surface-container)}.admin-nav-item{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:var(--color-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:12px 16px;font-weight:500;display:flex}.admin-nav-item:hover{background-color:var(--color-surface-container);color:var(--color-primary)}.admin-nav-item.active{background-color:var(--color-primary);color:var(--color-on-primary,#fff)}.admin-nav-item.text-error{color:var(--color-error)}.admin-nav-item.text-error:hover{background-color:#dc35451a}.admin-main-content{background-color:var(--color-surface-container-lowest);flex-direction:column;flex:1;min-width:0;display:flex}.admin-header{height:80px;padding:0 var(--space-2xl);border-bottom:1px solid var(--color-surface-container);background-color:var(--color-surface-container-lowest);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-page-title{font:var(--font-headline-md);color:var(--color-primary);font-weight:600}.admin-header-actions{align-items:center;gap:var(--space-xl);display:flex}.admin-search{align-items:center;gap:var(--space-sm);background-color:var(--color-surface-container-low);border-radius:var(--radius-full);color:var(--color-secondary);padding:8px 16px;display:flex}.admin-search input{color:var(--color-primary);font:var(--font-body-sm);background:0 0;border:none;outline:none;width:200px}.admin-profile-circle{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.admin-overview,.admin-orders,.admin-products,.admin-users{padding:var(--space-2xl);animation:.4s ease-out fadeSlideUp}.admin-kpi-grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.admin-kpi-card{background-color:var(--color-surface-container-low);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-xs);flex-direction:column;display:flex}.kpi-label{font:var(--font-body-sm);color:var(--color-secondary)}.kpi-value{font:var(--font-headline-lg);color:var(--color-primary);margin:var(--space-xs) 0;font-weight:700}.kpi-trend{font:var(--font-caption);align-items:center;gap:4px;display:flex}.kpi-trend.positive{color:var(--color-success)}.admin-section{background-color:var(--color-surface-container-low);border:1px solid var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.admin-section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.admin-section-header h2{font:var(--font-headline-sm);color:var(--color-primary);font-weight:600}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{padding:var(--space-md);color:var(--color-secondary);font:var(--font-label-caps);border-bottom:1px solid var(--color-surface-container-high)}.admin-table td{padding:var(--space-md);border-bottom:1px solid var(--color-surface-container);color:var(--color-secondary);font:var(--font-body-sm);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.font-medium{color:var(--color-primary);font-weight:500}.text-capitalize{text-transform:capitalize}.admin-product-img{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:60px;display:flex;overflow:hidden}.admin-row-actions{gap:var(--space-sm);display:flex}.action-icon-btn{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.action-icon-btn.edit{color:var(--color-secondary)}.action-icon-btn.edit:hover{background-color:var(--color-surface-container-high);color:var(--color-primary)}.action-icon-btn.delete{color:var(--color-error)}.action-icon-btn.delete:hover{background-color:#dc35451a}.status-badge{font:var(--font-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full);text-align:center;padding:4px 12px;display:inline-block}.status-processing{background-color:var(--color-warning-container);color:#856404}.status-shipped{color:var(--color-success);background-color:#d4edda}.status-delivered{background-color:var(--color-success-container);color:var(--color-success)}.status-paid{color:#155724;background-color:#d4edda}.admin-form-card{max-width:600px}.admin-form{gap:var(--space-md);flex-direction:column;display:flex}.admin-alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font:var(--font-body-sm)}.admin-alert.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.admin-alert.error{color:var(--color-error);background-color:#dc35451a;border:1px solid #dc354533}.admin-alert.loading{background-color:var(--color-surface-container-high);color:var(--color-secondary)}.admin-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;box-shadow:0 10px 30px #0000001a}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-surface-container);justify-content:space-between;align-items:center;display:flex}.admin-modal-header h2{font:var(--font-headline-sm);color:var(--color-primary)}.admin-modal-close{color:var(--color-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.admin-modal-close:hover{background-color:var(--color-surface-container);color:var(--color-primary)}.admin-modal-body{padding:var(--space-xl);flex:1;overflow-y:auto}.admin-modal-footer{padding:var(--space-xl);border-top:1px solid var(--color-surface-container);justify-content:flex-end;gap:var(--space-md);display:flex}@media (width<=992px){.admin-sidebar{width:200px}}@media (width<=768px){.admin-dashboard-page{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative}.admin-nav{flex-flow:wrap}.admin-nav-item{width:auto}}.admin-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:32px;right:32px}.admin-toast{pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:14px 18px;font-size:14px;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000002e,0 2px 8px #0000001a}.admin-toast:before{content:"";border-radius:12px 0 0 12px;width:4px;position:absolute;top:0;bottom:0;left:0}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.admin-toast--success{color:#065f46;background:linear-gradient(135deg,#10b9811f 0%,#05966914 100%);border-color:#10b9814d}.admin-toast--success:before{background:#10b981}.admin-toast--success .admin-toast-icon{color:#10b981}.admin-toast--error{color:#7f1d1d;background:linear-gradient(135deg,#ef44441f 0%,#dc262614 100%);border-color:#ef44444d}.admin-toast--error:before{background:#ef4444}.admin-toast--error .admin-toast-icon{color:#ef4444}.admin-toast--info{color:#1e3a8a;background:linear-gradient(135deg,#3b82f61f 0%,#2563eb14 100%);border-color:#3b82f64d}.admin-toast--info:before{background:#3b82f6}.admin-toast--info .admin-toast-icon{color:#3b82f6}.admin-toast-icon{flex-shrink:0;align-items:center;display:flex}.admin-toast-message{flex:1;line-height:1.4}.admin-toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:opacity .15s;display:flex}.admin-toast-close:hover{opacity:1}@media (prefers-color-scheme:dark){.admin-toast--success{color:#a7f3d0}.admin-toast--error{color:#fecaca}.admin-toast--info{color:#bfdbfe}}.admin-image-upload-wrapper{gap:var(--space-sm);flex-direction:column;display:flex}.admin-image-preview-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.admin-image-preview-item{border-radius:var(--radius-sm);border:1px solid var(--color-surface-container);width:60px;height:60px;position:relative;overflow:hidden}.admin-image-preview-item img{object-fit:cover;width:100%;height:100%}.admin-image-remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .2s;display:flex;position:absolute;top:2px;right:2px}.admin-image-remove-btn:hover{background:var(--color-error)}.admin-image-placeholder{border-radius:var(--radius-sm);color:#666;justify-content:center;align-items:center;width:60px;height:60px;font-size:10px;display:flex}.admin-image-input-container{align-items:center;gap:var(--space-md);display:flex}.not-found-page{text-align:center;justify-content:center;align-items:center;min-height:70vh;display:flex}.not-found-content{flex-direction:column;align-items:center;max-width:400px;display:flex}.not-found-code{font-family:var(--font-family);color:var(--color-surface-container-high);margin-bottom:var(--space-md);letter-spacing:-.05em;font-size:120px;font-weight:700;line-height:1}.not-found-title{font:var(--font-headline-lg);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:700}.not-found-desc{margin-bottom:var(--space-2xl);line-height:1.6}.track-order-hero{background-color:var(--color-surface-elevated);text-align:center;border-bottom:1px solid var(--color-border);padding:60px 0}.track-order-card{background-color:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:32px;display:flex;box-shadow:0 8px 24px #0000000a}.track-order-icon-wrapper{background-color:var(--color-surface-elevated);width:56px;height:56px;color:var(--color-primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.track-order-form{width:100%;margin-bottom:32px}.track-input-group{width:100%;display:flex;position:relative}.track-search-icon{color:var(--color-tertiary);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.track-input-group input{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:30px;outline:none;flex:1;padding:14px 24px 14px 52px;font-family:inherit;font-size:15px;transition:all .2s}.track-input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0000000a}.track-btn{border-radius:24px;align-items:center;gap:8px;padding:0 24px;font-weight:600;display:flex;position:absolute;top:6px;bottom:6px;right:6px}.track-error-message{text-align:left;background-color:#dc26260d;border-radius:8px;margin-top:16px;padding:12px}.track-order-help{text-align:left;border-top:1px solid var(--color-border);width:100%;padding-top:32px}@media (width<=768px){.track-order-card{padding:24px}.track-input-group{flex-direction:column;gap:16px}.track-input-group input{border-radius:8px}.track-btn{border-radius:8px;justify-content:center;width:100%;padding:16px;position:relative;top:0;bottom:0;right:0}}.info-hero{background-color:var(--color-surface-elevated);text-align:center;border-bottom:1px solid var(--color-border);padding:60px 0}.info-hero h1{letter-spacing:-.02em;font-weight:700}.info-content-container{max-width:800px;padding:60px 24px}.info-section{margin-bottom:40px}.info-section:last-child{margin-bottom:0}.info-section h2{color:var(--color-primary);letter-spacing:-.01em;margin-bottom:16px;font-weight:600}.info-section p{margin-bottom:16px;font-size:1.05rem;line-height:1.7}.info-section p:last-child{margin-bottom:0}@media (width<=768px){.info-hero{padding:40px 0}.info-content-container{padding:40px 24px}.info-section{margin-bottom:30px}}.about-hero{text-align:center;background-color:#0f1011;padding:120px 0 80px;position:relative;overflow:hidden}.about-hero-overlay{pointer-events:none;background:radial-gradient(circle at 50% 80%,#ffffff0a 0%,#0000 60%);position:absolute;inset:0}.about-hero-content{z-index:1;max-width:680px;margin:0 auto;position:relative}.about-hero-tag{color:#ffffff80;margin-bottom:var(--space-md);display:block}.about-hero-title{font:var(--font-display-lg);color:#fff;letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-lg);font-weight:700}.about-hero-subtitle{font:var(--font-body-lg);color:#fff9;max-width:520px;margin:0 auto;line-height:1.7}.about-mission{padding:var(--space-4xl) 0}.about-mission-inner{gap:var(--space-3xl);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.about-mission-text h2{color:var(--color-primary);margin-bottom:var(--space-xl);letter-spacing:var(--letter-spacing-slightly-tight);font-weight:600}.about-mission-text p{margin-bottom:var(--space-lg);line-height:1.8}.about-mission-text p:last-child{margin-bottom:0}.about-mission-visual{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid;position:relative}.mission-accent-block{border-radius:var(--radius-lg);background-color:#0f1011;grid-column:1/-1;height:200px}.mission-stat-card{background-color:var(--color-neutral);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);gap:var(--space-xs);text-align:center;flex-direction:column;display:flex}.stat-number{font:var(--font-headline-lg);color:var(--color-primary);font-weight:700}.stat-label{color:var(--color-secondary)}.about-values{padding:var(--space-4xl) 0;background-color:var(--color-neutral)}.about-values-header{text-align:center;margin-bottom:var(--space-3xl)}.about-values-header span{color:var(--color-tertiary);margin-bottom:var(--space-sm);display:block}.about-values-header h2{color:var(--color-primary);font-weight:600}.about-values-grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.about-value-card{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base)}.about-value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.about-value-icon{border-radius:var(--radius-full);background-color:var(--color-neutral);width:56px;height:56px;margin:0 auto var(--space-lg);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.about-value-title{font:var(--font-headline-sm);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:600}.about-value-text{line-height:1.6}.about-promise{padding:var(--space-4xl) 0}.about-promise-inner{text-align:center;max-width:700px;margin:0 auto}.about-promise-title{color:var(--color-primary);margin-bottom:var(--space-lg);font-weight:600}.about-promise-text{color:var(--color-secondary);margin-bottom:var(--space-xl);line-height:1.8}.about-cta{padding:14px 40px;display:inline-flex}@media (width<=1024px){.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-hero{padding:80px 0 60px}.about-hero-title{font:var(--font-display-mobile);font-weight:700}.about-mission-inner{gap:var(--space-2xl);grid-template-columns:1fr}.about-values-grid{grid-template-columns:1fr}.about-promise-inner{padding:0 var(--margin-mobile)}}.faq-container{max-width:800px;padding:60px 24px}.faq-category{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:40px;padding:24px;box-shadow:0 4px 12px #00000005}.faq-category:last-child{margin-bottom:0}.faq-category-title{color:var(--color-primary);text-transform:none;letter-spacing:normal;margin-bottom:20px;font-size:18px;font-weight:700}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:first-child{border-top:none}.faq-item:last-child{border-bottom:none}.faq-question{cursor:pointer;text-align:left;width:100%;color:var(--color-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;transition:color .2s;display:flex}.faq-question:hover{color:var(--color-secondary)}.faq-icon{color:var(--color-tertiary);background-color:var(--color-surface-elevated);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s;display:flex}.faq-item.open .faq-icon{color:var(--color-primary);background-color:var(--color-border)}.faq-answer-wrapper{transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-answer{padding-bottom:20px;font-size:15px;line-height:1.6}@media (width<=768px){.faq-container{padding:40px 24px}.faq-category{margin-bottom:24px;padding:20px}.faq-question{padding:14px 0}}.contact-container{padding:60px 24px}.contact-grid{grid-template-columns:1fr 1.5fr;gap:60px;max-width:1000px;margin:0 auto;display:grid}.contact-method{border-bottom:1px solid var(--color-border);gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.contact-method:last-child{border-bottom:none;margin-bottom:0}.contact-icon-wrapper{background-color:var(--color-surface-elevated);width:48px;height:48px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-method h3{margin-bottom:4px;font-size:16px;font-weight:600}.contact-method p{font-size:15px;line-height:1.4}.contact-form-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px;box-shadow:0 8px 24px #0000000a}.contact-form .form-field{flex-direction:column;margin-bottom:20px;display:flex}.contact-form label{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--color-border);background-color:var(--color-background);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 3px #00000008}.contact-submit-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px;font-weight:600;display:flex}.contact-success-msg{color:#059669;text-align:center;background-color:#10b9811a;border-radius:8px;margin-bottom:24px;padding:16px;font-size:15px;font-weight:500}@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.contact-container{padding:40px 24px}.contact-form-card{padding:24px}}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}