@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap";*{font-family:Space Grotesk,sans-serif!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,input,textarea,select{font-family:Space Grotesk,sans-serif!important}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.02em}p,span,div,a,button,input,textarea,select,label{font-family:Space Grotesk,sans-serif}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.product-name{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:1.1rem;line-height:1.4;color:#1a1a1a;margin:.5rem 0;cursor:pointer;transition:color .2s ease;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-name:hover{color:#007bff}button{font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:-.01em}input,textarea,select,.nav-item,.menu-item,.breadcrumb{font-family:Space Grotesk,sans-serif;font-weight:400}.product-price,.current-price,.sale-price,.original-price{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.01em}.hero-title{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.03em}.filter-section h3{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.02em}@media (max-width: 768px){body{font-size:14px}.product-name{font-size:1rem}.hero-title{font-size:2rem}}*{font-display:swap}.footer{background:#52c4a0;padding:3rem 2rem 2rem;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden;margin-top:0}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.footer-top{width:100%}.footer-navigation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:flex-start;position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-transform:none}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-link{color:#ffffffe6;font-size:1rem;font-weight:400;text-decoration:none;transition:all .3s ease;position:relative;padding:.3rem 0;width:fit-content}.footer-link:hover{color:#fff;transform:translate(5px)}.footer-link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.footer-link:hover:before{width:100%}.footer-logo-section{display:flex;justify-content:flex-end;align-items:flex-start}.brand-logo{background:#fff3;padding:2rem 1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);text-align:center;box-shadow:0 8px 32px #0000001a;min-width:200px}.brand-name{color:#fff;font-size:1.8rem;font-weight:700;margin:0;letter-spacing:.5px;line-height:1.1}.brand-tagline{color:#ffffffe6;font-size:.8rem;font-weight:400;margin:.5rem 0 0;font-style:italic;line-height:1.2}.footer-bottom{display:flex;justify-content:center;align-items:center;text-align:center}.service-client-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px}.service-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.service-icon{width:32px;height:32px;stroke:#fff;stroke-width:3}.service-title{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.service-description{color:#fff;font-size:1rem;font-weight:400;line-height:1.5;margin:0;max-width:600px}.social-buttons{display:flex;justify-content:center;gap:16px;margin-top:16px}.social-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:all .3s ease;text-decoration:none;border:2px solid rgba(255,255,255,.2);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.social-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0003}.social-button.instagram{color:#fff}.social-button.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent}.social-button.facebook{color:#fff}.social-button.facebook:hover{background:#1877f2;border-color:transparent}.social-button.phone{color:#fff}.social-button.phone:hover{background:#25d366;border-color:transparent}.social-icon{width:24px;height:24px;stroke:currentColor;fill:none}.social-button svg{display:block}@media (max-width: 1200px){.footer-navigation{grid-template-columns:1fr 1fr 1fr;gap:2rem}.footer-logo-section{grid-column:1 / -1;justify-content:center;margin-top:2rem}}@media (max-width: 1024px){.footer{padding:2.5rem 1.5rem 2rem}.footer-navigation{grid-template-columns:1fr 1fr;padding:1.5rem}.footer-logo-section{grid-column:1 / -1}.social-buttons{gap:12px}}@media (max-width: 768px){.footer{padding:2rem 1rem 1.5rem}.footer-content{gap:2rem}.footer-navigation{grid-template-columns:1fr;text-align:center;gap:2rem;padding:1.5rem}.footer-column{align-items:center}.footer-logo-section{justify-content:center}.service-header{flex-direction:column;gap:.5rem}.service-title{font-size:1.2rem}.service-description{font-size:.9rem}.social-buttons{gap:12px}.social-button{width:40px;height:40px}.social-icon{width:20px;height:20px}.brand-name{font-size:1.6rem}.brand-tagline{font-size:.75rem}}@media (max-width: 480px){.footer{padding:1.5rem .8rem 1rem}.footer-navigation{padding:1rem;border-radius:15px}.footer-column-title{font-size:1.1rem}.footer-link{font-size:.9rem}.service-title{font-size:1.1rem}.service-description{font-size:.85rem}.social-button{width:36px;height:36px}.social-icon{width:18px;height:18px}.brand-logo{padding:1.5rem 1rem}.brand-name{font-size:1.4rem}}@media (prefers-reduced-motion: reduce){.footer-link:hover,.social-button:hover{transform:none}}.footer-link:focus,.social-button:focus{outline:2px solid white;outline-offset:2px;border-radius:4px}@media print{.footer{background:#fff!important;color:#000!important}.footer-link,.service-title,.service-description,.footer-column-title,.brand-name,.brand-tagline{color:#000!important}.brand-logo,.footer-navigation{background:#fff!important;border:1px solid black}.social-button{background:#fff!important;color:#000!important;border:1px solid black!important}}:root{--primary-blue: #3b82f6;--primary-blue-hover: #2563eb;--primary-blue-light: #dbeafe;--success-green: #10b981;--danger-red: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-light: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 25px rgba(0,0,0,.15);--shadow-xl: 0 20px 40px rgba(0,0,0,.2);--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s ease;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-primary);overflow-x:hidden;text-rendering:optimizeSpeed}.products-page{min-height:100vh;background-color:var(--bg-secondary);position:relative;z-index:1}.mobile-filter-toggle{display:none;padding:var(--space-lg) var(--space-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-light);top:0;z-index:60}.filter-toggle-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#1d987c 0% 100%);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;font-size:var(--text-base);transition:var(--transition);box-shadow:var(--shadow-md);position:relative;overflow:hidden;width:100%;justify-content:center}.filter-toggle-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.filter-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.filter-toggle-btn:hover:before{left:100%}.filter-icon{transition:var(--transition)}.filter-count{background:#fff3;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;margin-left:auto}.filter-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.mobile-filter-panel{background:var(--bg-primary);width:100%;max-height:85vh;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-light);position:relative}.filter-panel-header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#1d987c;border-radius:2px}.filter-panel-header h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.close-filter-btn{background:var(--bg-tertiary);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-secondary)}.close-filter-btn:hover{background:var(--border-medium);transform:scale(1.1);color:var(--text-primary)}.filter-panel-content{flex:1;overflow-y:auto;padding:var(--space-lg);-webkit-overflow-scrolling:touch}.size-checkboxes{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.size-checkbox-item{display:flex;align-items:center;padding:12px 10px;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#fff;position:relative;min-height:44px}.size-checkbox-item:hover:not(.out-of-stock){border-color:#007bff;background-color:#f8f9fa}.size-checkbox-item.selected{border-color:#007bff;background-color:#e3f2fd}.size-checkbox-item.out-of-stock{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.size-checkbox{margin-right:12px;cursor:pointer;min-width:18px;min-height:18px}.size-checkbox-item.out-of-stock .size-checkbox{cursor:not-allowed}.size-label{font-weight:500;font-size:16px;color:#333;flex:1}.size-stock-info{margin-left:auto;text-align:right}.size-total-stock{color:#28a745;font-weight:600;font-size:14px;background-color:#d4edda;padding:4px 8px;border-radius:6px;border:1px solid #c3e6cb;white-space:nowrap}.size-out-of-stock{color:#dc3545;font-weight:700;font-size:18px;margin-left:10px;position:absolute;right:10px}.sizes-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:#666;font-size:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.no-sizes-available{text-align:center;padding:24px 16px;color:#666;font-style:italic;font-size:16px;line-height:1.4}@media (max-width: 768px){.size-checkbox-item{padding:14px 12px;gap:8px;min-height:48px}.size-checkbox{margin-right:14px;min-width:20px;min-height:20px}.size-label{font-size:15px;font-weight:600}.size-total-stock{font-size:13px;padding:3px 6px;border-radius:4px}.size-out-of-stock{font-size:20px;right:12px}.size-checkboxes{max-height:250px;gap:8px;padding:4px}}@media (max-width: 480px){.size-checkbox-item{padding:12px 10px;min-height:44px}.size-label{font-size:14px}.size-total-stock{font-size:12px;padding:2px 5px}.size-checkboxes{max-height:200px}.sizes-loading,.no-sizes-available{padding:20px 12px;font-size:14px}}@media (hover: none) and (pointer: coarse){.size-checkbox-item{min-height:48px;padding:14px 12px}.size-checkbox-item:active{background-color:#e3f2fd;transform:scale(.98)}.size-checkbox-item:hover{border-color:#e1e5e9;background-color:#fff}.size-checkbox-item.selected:hover{border-color:#007bff;background-color:#e3f2fd}}.sale-options{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);margin-top:var(--space-md, 1rem)}.sale-option{display:flex;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem) var(--space-lg, 1.25rem);border:2px solid var(--border-light, #e5e7eb);border-radius:var(--border-radius-sm, 8px);background:var(--bg-primary, #ffffff);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:60px;will-change:transform}.sale-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,152,124,.05),transparent);transition:left .5s ease}.sale-option:hover:before{left:100%}.sale-option:hover{border-color:#1d987c;background:linear-gradient(135deg,#1d987c05,#1d987c0d);transform:translate(4px);box-shadow:0 4px 12px #1d987c1a}.sale-option.active{border-color:#1d987c;background:linear-gradient(135deg,#1d987c,#168f6e);color:#fff;transform:translate(6px);box-shadow:0 6px 20px #1d987c40}.sale-option.active:before{display:none}.sale-option-icon{font-size:1.5rem;flex-shrink:0;transition:transform .3s ease;filter:grayscale(.3)}.sale-option.active .sale-option-icon{transform:scale(1.1);filter:grayscale(0) brightness(1.2)}.sale-option-label{font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-primary, #1f2937);transition:color .3s ease;line-height:1.4;flex-grow:1}.sale-option.active .sale-option-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sale-option.active:after{content:"✓";position:absolute;right:var(--space-md, 1rem);top:50%;transform:translateY(-50%);font-size:1.2rem;color:#fff;font-weight:700;animation:checkmark-appear .3s ease}@keyframes checkmark-appear{0%{opacity:0;transform:translateY(-50%) scale(.5)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media (max-width: 768px){.sale-options{gap:var(--space-xs, .25rem)}.sale-option{padding:var(--space-sm, .75rem) var(--space-md, 1rem);min-height:56px}.sale-option-icon{font-size:1.3rem}.sale-option-label{font-size:var(--text-sm, .875rem)}.sale-option:hover{transform:translate(2px)}.sale-option.active{transform:translate(3px)}}@media (max-width: 480px){.sale-option{padding:var(--space-sm, .75rem);min-height:52px}.sale-option-icon{font-size:1.2rem}.sale-option-label{font-size:var(--text-sm, .875rem);font-weight:500}}.sale-option:focus{outline:2px solid #1D987C;outline-offset:2px}.sale-option:focus-visible{box-shadow:0 0 0 4px #1d987c33}@media (hover: none) and (pointer: coarse){.sale-option:hover{transform:none;background:var(--bg-primary, #ffffff);border-color:var(--border-light, #e5e7eb);box-shadow:none}.sale-option:active{transform:scale(.98);background:#1d987c0d;border-color:#1d987c}.sale-option.active:hover{background:linear-gradient(135deg,#1d987c,#168f6e);border-color:#1d987c;transform:translate(3px)}}.sale-option{animation:slide-in-left .3s ease-out}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sale-option:nth-child(1){animation-delay:0ms}.sale-option:nth-child(2){animation-delay:.1s}.sale-option:nth-child(3){animation-delay:.2s}.sale-options.compact .sale-option{flex-direction:row;padding:var(--space-sm, .75rem) var(--space-md, 1rem);min-height:48px;border-radius:25px}.sale-options.compact .sale-option-icon{font-size:1.2rem}.sale-options.compact .sale-option-label{font-size:var(--text-sm, .875rem)}.sale-option.radio-style{position:relative;padding-left:calc(var(--space-lg, 1.25rem) + 30px)}.sale-option.radio-style:before{content:"";position:absolute;left:var(--space-md, 1rem);top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--border-medium, #d1d5db);border-radius:50%;background:#fff;transition:all .3s ease}.sale-option.radio-style.active:before{border-color:#1d987c;background:#1d987c;box-shadow:inset 0 0 0 4px #fff}.sale-option.radio-style:hover:before{border-color:#1d987c}.sale-option{backface-visibility:hidden;transform:translateZ(0)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-xl)}.breadcrumb{padding:var(--space-lg) var(--space-xl);font-size:var(--text-base);color:var(--text-secondary);background:linear-gradient(135deg,var(--bg-primary) 0%,#fafbfc 100%);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.hero-banner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3xl) var(--space-2xl);background:linear-gradient(135deg,#667eea,#764ba2 70%,#8b5a96);color:#fff;overflow:hidden;margin-bottom:var(--space-lg);text-align:left;min-height:250px;will-change:transform}.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.hero-banner:after{content:"";position:absolute;top:-30%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;animation:heroFloat 15s ease-in-out infinite}.hero-content{flex:1;max-width:450px;margin-right:var(--space-xl);z-index:2;animation:fadeInLeft .8s cubic-bezier(.4,0,.2,1)}.hero-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-md);text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-description{font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-xl);opacity:.95;font-weight:400}.hero-image{flex:1;max-width:400px;z-index:2;animation:fadeInRight .8s cubic-bezier(.4,0,.2,1) .2s both}.hero-image img{width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);transition:var(--transition);border:2px solid rgba(255,255,255,.2);transform:translateZ(0)}.hero-image img:hover{transform:scale(1.02) translateY(-8px);box-shadow:0 25px 50px #0000004d}.main-content{display:flex;flex-direction:row;gap:var(--space-xl);max-width:var(--container-2xl);margin:0 auto;align-items:flex-start;padding:var(--space-3xl) var(--space-xs)}.sidebar{width:300px;display:block;order:1;position:sticky;top:120px;height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden;padding-right:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-section{background:var(--bg-primary);padding:var(--space-lg);margin-bottom:var(--space-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:var(--transition);position:relative;overflow:hidden;contain:layout}.filter-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.01) 0%,transparent 50%);pointer-events:none}.filter-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.filter-section h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary);position:relative;padding-bottom:var(--space-xs)}.filter-section h3:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:linear-gradient(90deg,#1d987c,#1d987c);border-radius:2px}.selected-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#1d987c 0% 100%);color:#fff;border-radius:18px;font-size:var(--text-sm);font-weight:500;transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid transparent;will-change:transform}.filter-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-tag button{background:#fff3;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:var(--space-xs);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.filter-tag button:hover{background:#ffffff4d;transform:scale(1.1)}.category-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none}.category-item{display:flex;align-items:center;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);transition:var(--transition);position:relative;overflow:hidden;will-change:transform}.category-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .5s}.category-item:hover:before{left:100%}.category-item:hover{background:linear-gradient(135deg,var(--primary-blue-light) 0%,rgba(59,130,246,.08) 100%);transform:translate(4px)}.category-item span{font-size:var(--text-base);color:var(--text-secondary);transition:var(--transition-fast);font-weight:500}.category-item span.active{color:var(--primary-blue);font-weight:600}.range-slider{position:relative;margin:var(--space-md) 0;padding:var(--space-xs) 0}.range-slider input[type=range]{width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--border-light) 0%,var(--border-medium) 100%);outline:none;transition:var(--transition-fast);-webkit-appearance:none;margin-bottom:var(--space-sm);cursor:pointer}.range-slider input[type=range]:hover{background:linear-gradient(90deg,var(--border-medium) 0%,var(--text-muted) 100%)}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-hover) 100%);cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #3b82f64d;transition:var(--transition)}.range-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.range-values{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-top:var(--space-sm)}.color-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.color-circle{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:var(--transition);border:2px solid transparent;position:relative;overflow:hidden;will-change:transform}.color-circle:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(59,130,246,.3),transparent);border-radius:50%;opacity:0;transition:var(--transition)}.color-circle:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}.color-circle:hover:before{opacity:1}.color-circle.selected{transform:scale(1.15);border-color:var(--primary-blue);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-blue)}.products-grid{flex:1;order:2;min-width:0;padding:0}.products-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--border-light);position:relative}.products-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-hover))}.products-header h2{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-container,.error-container,.no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin:var(--space-lg) 0;min-height:400px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.retry-btn,.reset-filters-btn,.clear-filters-btn{margin-top:var(--space-lg);padding:var(--space-lg) var(--space-2xl);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-hover) 100%);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;font-size:var(--text-base);transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;will-change:transform;width:100%}.retry-btn:before,.reset-filters-btn:before,.clear-filters-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.retry-btn:hover:before,.reset-filters-btn:hover:before,.clear-filters-btn:hover:before{left:100%}.retry-btn:hover,.reset-filters-btn:hover,.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.products-list{display:grid;gap:var(--space-xl);width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;grid-template-columns:repeat(4,minmax(240px,1fr))}@media (min-width: 1250px) and (max-width: 1400px){.products-list{grid-template-columns:repeat(4,minmax(240px,1fr))}}@media (min-width: 1024px) and (max-width: 1249px){.products-list{grid-template-columns:repeat(3,minmax(240px,1fr));gap:var(--space-lg);align-self:center}}@media (min-width: 850px) and (max-width: 1023px){.products-list{grid-template-columns:repeat(3,minmax(240px,1fr));gap:var(--space-lg)}}@media (min-width: 700px) and (max-width: 849px){.products-list{grid-template-columns:repeat(3,minmax(240px,1fr));gap:var(--space-lg)}}@media (max-width: 699px){.products-list{grid-template-columns:repeat(2,minmax(240px,1fr));gap:var(--space-lg);padding:0}}@media (max-width: 540px){.products-list{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 8px!important;max-width:100%!important}.product-card{min-width:0!important;width:100%!important;max-width:none!important}.product-card .product-image{aspect-ratio:1!important;min-height:140px!important}.product-card .product-image img{width:90%!important;height:90%!important;object-fit:contain!important}.product-card .product-info{padding:12px 8px 8px!important}.product-card .product-name{font-size:13px!important;line-height:1.3!important;margin-bottom:8px!important}.product-card .product-price{gap:4px!important;margin-bottom:8px!important}.product-card .sale-price,.product-card .current-price{font-size:14px!important}.product-card .original-price{font-size:12px!important}.products-grid{padding:0}}.product-card{background:#fff!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid #f0f0f0!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;position:relative!important;margin:0!important;padding:0!important;cursor:pointer!important}.product-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #0000001a!important;border-color:#3b82f633!important}.product-image{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.02);filter:brightness(1.05)}.discount-badge,.featured-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:linear-gradient(135deg,var(--danger-red) 0%,#dc2626 100%);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:15px;font-size:var(--text-xs);font-weight:700;z-index:10;box-shadow:0 2px 6px #ef44444d}.featured-badge{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);box-shadow:0 2px 6px #10b9814d}.in-cart-indicator{position:absolute;bottom:var(--space-sm);left:var(--space-sm);background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:15px;font-size:var(--text-xs);font-weight:700;z-index:10}.product-info{padding:var(--space-md);flex-grow:1;display:flex;flex-direction:column;border-top:2px solid #e8e8e8;padding-top:.75rem;margin-top:.5rem;transition:border-color .2s ease}.product-name{font-family:Inter,Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:600;font-size:1.3rem;line-height:1.4;color:#1a1a1a;margin:.5rem 0;cursor:pointer;transition:color .2s ease;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-name:hover{color:#1d987c}.product-details{margin-bottom:var(--space-md)}.product-category{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xs);font-weight:500}.product-price{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.original-price{font-size:var(--text-sm, 24px);color:red;text-decoration:line-through!important}.sale-price{font-size:var(--text-base);color:var(--color-success, #16a34a);font-weight:600}.current-price{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.product-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:auto}.add-to-cart-btn{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-hover) 100%);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);font-size:var(--text-sm);position:relative;overflow:hidden}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.add-to-cart-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.pagination-container{margin-top:var(--space-4xl);padding:var(--space-3xl) 0}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.pagination-info{font-size:var(--text-base);color:var(--text-secondary);font-weight:500;min-width:200px}.pagination-info .highlight{color:#1d987c;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.pagination-numbers{display:flex;gap:var(--space-xs);align-items:center}.pagination-btn,.pagination-number{padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);font-weight:600;font-size:var(--text-base);min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;will-change:transform;text-decoration:none;color:var(--text-primary)}.pagination-btn:hover:not(:disabled),.pagination-number:hover:not(.active){background:#1d987c;color:#fff;border-color:#1d987c;transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-number.active{background:#1d987c;color:#fff;border-color:#1d987c}.pagination-dots{padding:var(--space-md);color:var(--text-muted);font-weight:700}.gender-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none}.gender-item{display:flex;align-items:center;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);transition:var(--transition);position:relative;overflow:hidden;will-change:transform;border:1px solid transparent}.gender-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .5s}.gender-item:hover:before{left:100%}.gender-item:hover{background:linear-gradient(135deg,var(--primary-blue-light) 0%,rgba(59,130,246,.08) 100%);transform:translate(4px);border-color:#3b82f633}.gender-item span{font-size:var(--text-base);color:var(--text-secondary);transition:var(--transition-fast);font-weight:500;position:relative}.gender-item span.active{color:#1d987c;font-weight:600}.gender-item span.active:after{content:"✓";position:absolute;right:-20px;font-size:var(--text-sm);color:var(--success-green);font-weight:700}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.add-to-cart-btn:focus,.pagination-btn:focus,.retry-btn:focus,.category-item:focus,.filter-tag button:focus,.color-circle:focus,.filter-toggle-btn:focus,.close-filter-btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.filter-tag,.category-item,.color-circle,.product-card,.add-to-cart-btn,.pagination-btn,.retry-btn,.filter-toggle-btn,.mobile-filter-panel{backface-visibility:hidden;transform:translateZ(0)}.products-list,.filter-panel-content{transform:translateZ(0)}@media (max-width: 1024px){.mobile-filter-toggle{display:block}.desktop-only{display:none!important}.main-content{flex-direction:column;padding:var(--space-lg)}.products-grid{width:100%}.hero-banner{min-height:280px;padding:var(--space-2xl) var(--space-lg)}.hero-title{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-base)}.hero-content{max-width:100%;margin-right:0;margin-bottom:var(--space-lg)}.hero-image{max-width:300px}.mobile-filter-panel{max-height:90vh}.filter-panel-content{padding:var(--space-md)}.filter-section{margin-bottom:var(--space-md);padding:var(--space-md)}}@media (max-width: 768px){.hero-banner{flex-direction:column;text-align:center;min-height:400px;padding:var(--space-xl) var(--space-lg)}.hero-content{margin-right:0;margin-bottom:var(--space-lg)}.pagination-wrapper{flex-direction:column;gap:var(--space-lg)}.pagination-info{text-align:center;min-width:auto}.pagination{justify-content:center}.breadcrumb{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.mobile-filter-toggle{padding:var(--space-md) var(--space-lg)}.filter-toggle-btn{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.mobile-filter-panel{max-height:90vh}.filter-panel-header{padding:var(--space-lg) var(--space-lg) var(--space-md)}.filter-panel-header h3{font-size:var(--text-lg)}.close-filter-btn{width:36px;height:36px}}@media (max-width: 480px){.hero-title{font-size:var(--text-2xl)}.hero-description{font-size:var(--text-sm)}.pagination-btn,.pagination-number{min-width:40px;height:40px;padding:var(--space-sm);font-size:var(--text-sm)}.filter-section{padding:var(--space-sm)}.filter-toggle-btn{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.filter-count{width:20px;height:20px;font-size:10px}.mobile-filter-panel{border-radius:var(--border-radius) var(--border-radius) 0 0}.filter-panel-content{padding:var(--space-sm)}.selected-filters{gap:var(--space-xs)}.filter-tag{padding:var(--space-xs) var(--space-sm);font-size:11px}.range-slider input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.color-circle{width:28px;height:28px}}.products-list .product-card,.product-card{background:#fff!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 2px 12px #00000014!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid #f0f0f0!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;position:relative!important;margin:0!important;padding:0!important}.products-list .product-card:hover,.product-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #0000001f!important;border-color:#3b82f61a!important}.product-card .product-image{position:relative!important;aspect-ratio:1!important;overflow:hidden!important;background:#f8f9fa!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:0!important;box-shadow:none!important}.product-card .product-image img{width:85%!important;height:85%!important;object-fit:contain!important;transition:all .3s ease!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;box-shadow:none!important;filter:none!important}.product-card:hover .product-image img{transform:scale(1.05)!important}.product-card .discount-badge{position:absolute!important;top:16px!important;right:16px!important;background:#dc2626!important;color:#fff!important;padding:8px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;z-index:10!important;box-shadow:0 2px 8px #4a90e24d!important;text-transform:none!important;border:none!important;line-height:1!important;letter-spacing:normal!important}.product-card .discount-badge.arrow-style{background:#ee3838!important;border-radius:0 20px 20px 0!important;padding:8px 16px 8px 12px!important;right:0!important;top:16px!important}.product-card .discount-badge.arrow-style:before{content:""!important;position:absolute!important;left:-8px!important;top:50%!important;transform:translateY(-50%)!important;width:0!important;height:0!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid #ee3838!important;border-left:none!important}.product-card .in-cart-indicator{position:absolute!important;bottom:12px!important;left:12px!important;background:#16a34a!important;color:#fff!important;padding:4px 8px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important;z-index:10!important;border:none!important;box-shadow:none!important}.product-card .product-info{padding:24px 20px 20px!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;background:#fff!important;text-align:center!important;margin:0!important;border-radius:0!important;box-shadow:none!important;position:relative!important}.product-card .product-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-weight:600!important;font-size:16px!important;line-height:1.4!important;color:#1a1a1a!important;margin:0 0 16px!important;cursor:pointer!important;transition:color .2s ease!important;letter-spacing:-.01em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}.product-card .product-info .product-name,.product-card .product-name{font-family:Inter,Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.4;color:#1a1a1a;margin:.5rem 0;cursor:pointer;transition:color .2s ease;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card .product-info .product-name:hover,.product-card .product-name:hover{color:#1d987c!important}.product-card .product-details{margin-bottom:1.25rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}.product-card .product-category{display:none!important}.product-card .product-price{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:20px!important;margin-top:0!important;padding:0!important}.product-card .product-price .original-price,.product-card .original-price{font-size:14px!important;color:#999!important;text-decoration:line-through!important;font-weight:400!important}.product-card .product-price .sale-price,.product-card .sale-price{font-size:18px!important;color:#1a1a1a!important;font-weight:700!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.product-card .product-price .current-price,.product-card .current-price{font-size:18px!important;font-weight:700!important;color:#1a1a1a!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.product-card .product-actions{margin-top:auto!important;display:flex!important;flex-direction:column!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}.product-card .product-actions .add-to-cart-btn,.product-card .add-to-cart-btn{width:100%!important;padding:.875rem 1.5rem!important;background:#16a34a!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;font-size:.95rem!important;cursor:pointer!important;transition:all .3s ease!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;text-transform:uppercase!important;letter-spacing:.3px!important;box-shadow:0 2px 8px #16a34a33!important;margin:0!important;position:relative!important;overflow:hidden!important;min-height:auto!important;max-width:none!important}.product-card .product-actions .add-to-cart-btn:before,.product-card .add-to-cart-btn:before{display:none!important}.product-card .product-actions .add-to-cart-btn:hover:not(:disabled),.product-card .add-to-cart-btn:hover:not(:disabled){background:#15803d!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #16a34a4d!important;border-color:transparent!important}.product-card .product-actions .add-to-cart-btn:disabled,.product-card .add-to-cart-btn:disabled{background:#d1d5db!important;color:#6b7280!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.product-card .product-name{font-size:1.2rem!important;margin-bottom:.875rem!important}.product-card .sale-price,.product-card .current-price{font-size:1.1rem!important}.product-card .add-to-cart-btn{padding:.75rem 1.25rem!important;font-size:.9rem!important}}.product-card:before,.product-card:after,.product-card .product-image:before,.product-card .product-image:after{display:none!important}.products-list{display:grid!important}.products-list .product-card{justify-self:stretch!important;align-self:stretch!important}.cart-icon{display:none!important}.product-card .hover-overlay{position:absolute!important;inset:0!important;background:#000000b3!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;opacity:0!important;visibility:hidden!important;transition:all .3s ease!important;z-index:20!important;border-radius:16px!important}.product-card:hover .hover-overlay{opacity:1!important;visibility:visible!important}.hover-btn{padding:12px 24px!important;border:2px solid white!important;background:transparent!important;color:#fff!important;border-radius:25px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important;min-width:160px!important;text-align:center!important}.hover-btn.primary{background:#1d987c!important;border-color:#1d987c!important}.hover-btn.primary:hover{color:#1d987c!important;background:#fff!important;border-color:#fff!important;transform:translateY(-2px)!important}.hover-btn.secondary:hover{background:#fff!important;color:#333!important;transform:translateY(-2px)!important}.hover-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.product-card .in-cart-indicator,.product-card .product-actions,.product-card .add-to-cart-btn{display:none!important}.product-modal-overlay{position:fixed!important;inset:0!important;background:#000c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;opacity:0!important;visibility:hidden!important;transition:all .3s ease!important;padding:20px!important;isolation:isolate}.product-modal-overlay.show{opacity:1!important;visibility:visible!important}.product-modal{background:#fff!important;border-radius:20px!important;max-width:600px!important;width:100%!important;max-height:90vh!important;overflow-y:auto!important;position:relative!important;transform:scale(.9) translateY(20px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 25px 50px #00000040!important;border:1px solid rgba(255,255,255,.1)!important;z-index:10001!important}.product-modal-overlay.show .product-modal{transform:scale(1) translateY(0)!important}.product-modal-header{position:relative!important;padding:0!important;background:#f8f9fa!important;border-radius:20px 20px 0 0!important}.product-modal-image{width:100%!important;height:350px!important;object-fit:contain!important;border-radius:20px 20px 0 0!important;background:#f8f9fa!important;padding:20px!important}.modal-discount-badge{position:absolute!important;top:16px!important;right:16px!important;background:#c34133!important;color:#fff!important;padding:8px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;z-index:10!important;box-shadow:0 2px 8px #e74c3c4d!important}.modal-close-btn{position:absolute!important;top:16px!important;left:16px!important;width:40px!important;height:40px!important;background:#fffffff2!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:20px!important;color:#333!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important;z-index:10!important}.modal-close-btn:hover{background:#fff!important;transform:scale(1.1)!important;box-shadow:0 4px 12px #00000026!important}.product-modal-content{padding:32px 32px 24px!important}.modal-product-name{font-size:28px!important;font-weight:700!important;color:#1a1a1a!important;margin-bottom:12px!important;text-align:center!important;line-height:1.3!important}.modal-product-reference{font-size:14px!important;color:#666!important;margin-bottom:16px!important;text-align:center!important}.modal-availability-badge{margin-bottom:20px!important;text-align:center!important}.modal-availability-badge .availability-text{display:inline-block!important;padding:8px 16px!important;border-radius:20px!important;font-size:14px!important;font-weight:600!important;background:#28a7451a!important;color:#28a745!important}.modal-availability-badge .availability-text.unavailable{background:#dc35451a!important;color:#dc3545!important}.modal-product-price{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-bottom:24px!important;flex-wrap:wrap!important}.modal-product-price .original-price{font-size:18px!important;color:#999!important;text-decoration:line-through!important;font-weight:400!important}.modal-product-price .sale-price{font-size:24px!important;color:#1a1a1a!important;font-weight:700!important}.modal-product-price .current-price{font-size:24px!important;font-weight:700!important;color:#1a1a1a!important}.modal-product-price .discount-percentage{background:#e74c3c!important;color:#fff!important;padding:4px 8px!important;border-radius:12px!important;font-size:12px!important;font-weight:700!important}.modal-product-details{display:flex!important;justify-content:space-around!important;margin-bottom:24px!important;padding:16px!important;background:#00000005!important;border-radius:12px!important}.modal-detail-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;text-align:center!important}.modal-detail-item .detail-label{font-size:12px!important;color:#666!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important}.modal-detail-item .detail-value{font-size:14px!important;font-weight:600!important;color:#1a1a1a!important}.modal-size-selection{margin-bottom:24px!important}.modal-size-selection h4{font-size:16px!important;font-weight:600!important;margin-bottom:12px!important;text-align:center!important;color:#1a1a1a!important}.modal-size-options{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.modal-size-badge{padding:8px 12px!important;border:1px solid #ddd!important;border-radius:20px!important;font-size:14px!important;font-weight:500!important;color:#333!important;background:#fff!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.modal-size-badge.out-of-stock{opacity:.5!important;background:#f5f5f5!important;color:#999!important}.modal-size-badge .stock-indicator{color:#dc3545!important;font-weight:600!important}.modal-size-badge .low-stock-indicator{color:#ffc107!important;font-size:11px!important;font-weight:600!important}.modal-product-description{margin-bottom:24px!important}.modal-product-description h4{font-size:16px!important;font-weight:600!important;margin-bottom:8px!important;color:#1a1a1a!important}.modal-product-description p{color:#666!important;line-height:1.6!important;font-size:14px!important}.modal-additional-info{display:flex!important;justify-content:center!important;gap:24px!important;margin-bottom:32px!important;flex-wrap:wrap!important}.modal-info-item{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;color:#666!important}.modal-info-item .info-icon{font-size:16px!important}.modal-actions{display:flex!important;flex-direction:column!important;gap:12px!important}.modal-view-details{width:100%!important;padding:14px!important;background:transparent!important;color:#1d987c!important;border:2px solid #1D987C!important;border-radius:25px!important;font-weight:600!important;font-size:16px!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important}.modal-view-details:hover{background:#1d987c!important;color:#fff!important;transform:translateY(-2px)!important}.modal-add-to-cart{width:100%!important;padding:16px!important;background:#1d987c!important;color:#fff!important;border:none!important;border-radius:25px!important;font-weight:600!important;font-size:16px!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important}.modal-add-to-cart:hover:not(:disabled){background:#168f6e!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #1d987c4d!important}.modal-add-to-cart:disabled{background:#ccc!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.modal-size-button{width:44px!important;height:44px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;color:#374151!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;outline:none!important}.modal-size-button:hover:not(:disabled){border-color:#168f6e!important;background:#168f6e!important;color:#fff!important}.modal-size-button.selected{background:#168f6e!important;color:#fff!important;border-color:#374151!important}.modal-size-button:disabled,.modal-size-button.out-of-stock{opacity:.4!important;cursor:not-allowed!important;background:#f9fafb!important;color:#9ca3af!important}.modal-quantity-btn{width:40px!important;height:40px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;color:#374151!important;font-size:18px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;outline:none!important}.modal-quantity-btn:hover:not(:disabled){border-color:#374151!important;background:#f9fafb!important}.modal-quantity-btn:disabled{opacity:.4!important;cursor:not-allowed!important;background:#f9fafb!important;color:#9ca3af!important}.modal-quantity-controls{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important;justify-content:flex-start!important}@media (max-width: 768px){.product-card .product-info{padding:20px 16px 16px!important}.product-card .product-name{font-size:14px!important;margin-bottom:12px!important}.product-card .sale-price,.product-card .current-price{font-size:16px!important}.hover-btn{padding:10px 20px!important;font-size:12px!important;min-width:140px!important}.product-modal{margin:10px!important;max-height:95vh!important;max-width:calc(100vw - 20px)!important}.product-modal-content{padding:24px 20px 20px!important}.modal-product-name{font-size:24px!important}.modal-product-price .sale-price,.modal-product-price .current-price{font-size:20px!important}.modal-product-details{flex-direction:column!important;gap:12px!important}.modal-detail-item{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.modal-additional-info{flex-direction:column!important;gap:12px!important;align-items:center!important}.modal-actions{gap:8px!important}.modal-view-details,.modal-add-to-cart{padding:12px!important;font-size:14px!important}.modal-size-options{gap:6px!important}.modal-size-button{min-width:45px!important;height:36px!important;padding:0 10px!important;font-size:13px!important}.modal-quantity-controls{gap:12px!important}.modal-quantity-btn{width:36px!important;height:36px!important;font-size:16px!important}.modal-quantity-display{font-size:18px!important}.modal-quantity-total{font-size:16px!important}}@media (max-width: 480px){.product-modal-image{height:280px!important;padding:15px!important}.modal-product-name{font-size:20px!important}.modal-product-price .sale-price,.modal-product-price .current-price{font-size:18px!important}.modal-size-options{gap:4px!important}.modal-size-button{min-width:40px!important;height:32px!important;padding:0 8px!important;font-size:12px!important}.modal-quantity-controls{gap:10px!important}.modal-quantity-btn{width:32px!important;height:32px!important;font-size:14px!important}.modal-quantity-display{font-size:16px!important}.modal-max-quantity-info{font-size:11px!important}.modal-quantity-total{font-size:14px!important}}body.modal-open{overflow:hidden!important}body.modal-open .menu-navbar,body.modal-open .mobile-filter-toggle{position:relative!important;z-index:1!important}.product-modal{scrollbar-width:thin!important;scrollbar-color:#ccc transparent!important}.product-modal::-webkit-scrollbar{width:6px!important}.product-modal::-webkit-scrollbar-track{background:transparent!important}.product-modal::-webkit-scrollbar-thumb{background:#ccc!important;border-radius:3px!important}.product-modal::-webkit-scrollbar-thumb:hover{background:#999!important}:root{--primary-color: #2E8B57;--primary-hover: #267349;--secondary-color: #4682B4;--accent-color: #FF7F50;--text-color: #2C3E50;--text-secondary: #7F8C8D;--text-light: #95A5A6;--background-light: #F8F9FA;--border-color: #E0E0E0;--white: #FFFFFF;--success-color: #28A745;--warning-color: #FFC107;--error-color: #DC3545;--border-radius: 8px;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.product-detail-page{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);min-height:100vh;color:var(--text-color);line-height:1.6}.breadcrumb{padding:1.5rem 5%;font-size:clamp(.875rem,2vw,1rem);color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.5rem;background:var(--background-light);border-bottom:1px solid var(--border-color)}.breadcrumb a{color:var(--text-color);text-decoration:none;transition:var(--transition);font-weight:500}.breadcrumb a:hover{color:var(--primary-color);text-decoration:underline}.breadcrumb .current{color:var(--text-color);font-weight:600}.product-detail-container{display:flex;flex-direction:column;gap:2rem;padding:2rem 5%;max-width:1600px;margin:0 auto}@media (min-width: 992px){.product-detail-container{flex-direction:row;gap:4rem;padding:3rem 5%}}.product-images{flex:1;max-width:100%}@media (min-width: 992px){.product-images{max-width:796px}}.main-image-container{position:relative;margin-bottom:1.5rem;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);background:var(--background-light)}.main-image{width:100%;height:auto;min-height:300px;max-height:70vh;object-fit:cover;display:block;transition:opacity .3s ease}.main-image.loading{opacity:.7}@media (min-width: 768px){.main-image{min-height:400px}}@media (min-width: 1200px){.main-image{height:624px;min-height:auto}}.discount-badge{position:absolute;top:1rem;right:1rem;z-index:2}@media (min-width: 768px){.discount-badge{top:2rem;right:2rem}}.discount-star{position:relative;width:80px;height:80px}@media (min-width: 768px){.discount-star{width:100px;height:100px}}@media (min-width: 1200px){.discount-star{width:142px;height:144px}}.star-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.discount-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:clamp(1.25rem,4vw,2.5rem);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.in-cart-indicator{position:absolute;bottom:1rem;left:1rem;background:var(--success-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #28a7454d}.image-thumbnails{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin}.image-thumbnails::-webkit-scrollbar{height:4px}.image-thumbnails::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.thumbnail{width:80px;height:80px;background:var(--background-light);border-radius:var(--border-radius);cursor:pointer;overflow:hidden;border:2px solid transparent;transition:var(--transition);flex-shrink:0;box-shadow:0 1px 4px #0000000d}@media (min-width: 768px){.thumbnail{width:100px;height:100px}}@media (min-width: 1200px){.thumbnail{width:150px;height:150px}}.thumbnail:hover{border-color:var(--primary-color);transform:scale(1.05);z-index:1}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 3px #2e8b5733;transform:scale(1.05)}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.thumbnail img:hover{opacity:.9}.product-info{flex:1;max-width:100%}@media (min-width: 992px){.product-info{max-width:693px;padding-left:2rem}}.product-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}@media (min-width: 768px){.product-header{margin-bottom:3rem}}.product-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;margin:0 0 1rem}.product-reference{font-size:.95rem;color:var(--text-light);margin-bottom:.5rem}.availability-badge{margin-bottom:1rem}.availability-text{display:inline-block;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600;background:#28a7451a;color:var(--success-color)}.availability-text.out-of-stock{background:#dc35451a;color:var(--error-color)}.product-price{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.price-container{display:flex;align-items:center;gap:.75rem}.price-original{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:var(--text-light);text-decoration:line-through}.price-current{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-color)}.discount-percentage{background:#e74c3c;color:var(--white);padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:700;line-height:1;white-space:nowrap}.product-description{margin:2rem 0}.product-description h3{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.product-description h3:before{content:"";width:24px;height:3px;background:var(--primary-color);border-radius:2px}.product-description p{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text-secondary);margin:0}.product-details{display:flex;justify-content:center;align-items:center;padding:.25rem .5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:var(--text-light);font-weight:500}.detail-value{font-size:1rem;font-weight:600;color:var(--text-color)}.size-selection{margin:2rem 0}.size-selection h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.size-selection h3:before{content:"";width:24px;height:3px;background:var(--primary-color);border-radius:2px}.size-options{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.size-button{min-width:70px;height:44px;padding:0 1rem;border:1px solid var(--border-color);border-radius:32px;background:var(--white);color:var(--text-color);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.25rem}.size-button:hover:not(:disabled){border-color:var(--primary-color);background:#2e8b570d;transform:translateY(-2px)}.size-button.selected{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow)}.size-button:disabled,.size-button.out-of-stock{opacity:.6;cursor:not-allowed;background:var(--background-light);transform:none}.size-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.stock-indicator,.low-stock-indicator{font-size:.75rem;margin-left:.25rem;font-weight:600}.low-stock-indicator{color:var(--warning-color)}.selected-size-stock{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;padding:.5rem;background:#00000005;border-radius:var(--border-radius)}.low-stock-warning{color:var(--warning-color);font-weight:600}.out-of-stock-warning{color:var(--error-color);font-weight:600}.purchase-section{display:flex;flex-direction:column;gap:1.5rem;background:var(--background-light);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000008}@media (min-width: 768px){.purchase-section{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}}.quantity-controls{display:flex;align-items:center;gap:1rem;justify-content:center}@media (min-width: 768px){.quantity-controls{justify-content:flex-start}}.quantity-btn{width:44px;height:44px;border:1px solid var(--border-color);background:var(--white);color:var(--text-color);font-size:1.25rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;border-radius:50%}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:scale(1.05)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-light);transform:none}.quantity-display{font-size:1.5rem;font-weight:700;min-width:2rem;text-align:center}.max-quantity-info{font-size:.875rem;color:var(--text-light);align-self:center}.add-to-cart-button{background:var(--primary-color);color:var(--white);border:none;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius, 12px);cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;text-align:center;box-shadow:var(--shadow, 0 4px 8px rgba(0,0,0,.1));width:100%;max-width:280px}.add-to-cart-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 12px rgba(0,0,0,.15))}.add-to-cart-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow, 0 4px 8px rgba(0,0,0,.1))}.add-to-cart-button:disabled{background:var(--text-light, #ccc);color:var(--white, #fff);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.add-to-cart-button:focus{outline:none;box-shadow:0 0 0 4px #3b82f666}.quantity-total{font-size:1.25rem;font-weight:700;color:var(--text-color);text-align:center}@media (min-width: 768px){.add-to-cart-button{max-width:495px;font-size:1.5rem}.quantity-display{font-size:1.75rem}.quantity-btn{width:51px;height:55px;font-size:1.5rem}}.additional-info{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;padding:1rem;background:#00000003;border-radius:var(--border-radius)}.info-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary)}.info-icon{font-size:1.25rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--background-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-container h2{color:var(--error-color);margin:0 0 1rem;font-size:1.75rem;font-weight:700}.error-container p{color:var(--text-light);max-width:500px;margin:0 0 2rem}.back-btn{background:var(--primary-color);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:1rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow)}.back-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.thumbnail.active{border-width:3px}.size-button{border-width:2px}.product-title,.price-current{font-weight:800}}@media (max-height: 500px) and (orientation: landscape){.product-detail-container{flex-direction:row;gap:1rem}.main-image{height:50vh}.thumbnail{width:50px;height:50px}}.feedback-message{padding:1rem;border-radius:var(--border-radius);margin:1rem 0;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-message.success{background:#28a7451a;color:var(--success-color);border:1px solid rgba(40,167,69,.2)}.feedback-message.error{background:#dc35451a;color:var(--error-color);border:1px solid rgba(220,53,69,.2)}.customer-reviews{margin:4rem 0 0;padding:2rem 0 0;border-top:1px solid var(--border-color)}.customer-reviews h3{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem}.review-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.average-rating{font-size:2.5rem;font-weight:800;color:var(--accent-color)}.rating-stars{display:flex;gap:.25rem;font-size:1.25rem}.star{color:var(--text-light)}.star.filled{color:var(--accent-color)}.view-all-reviews{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:600;margin-top:1rem}.view-all-reviews:hover{border-color:var(--primary-color);color:var(--primary-color);background:#2e8b570d}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-light);color:var(--text-light);font-size:1rem;text-align:center;padding:2rem;border:2px dashed var(--border-color);border-radius:var(--border-radius)}.no-image-placeholder div:nth-child(1){font-size:3rem;margin-bottom:.5rem}button,.size-button,.quantity-btn,.add-to-cart-button,.back-btn,.view-all-reviews{will-change:transform,box-shadow}button:not(:disabled):hover,.size-button:not(:disabled):hover,.quantity-btn:not(:disabled):hover,.add-to-cart-button:not(:disabled):hover,.back-btn:hover,.view-all-reviews:hover{transform:translateY(-2px)}button:active:not(:disabled),.size-button:active:not(:disabled),.quantity-btn:active:not(:disabled),.add-to-cart-button:active:not(:disabled),.back-btn:active,.view-all-reviews:active{transform:translateY(0)}.cart-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.cart-modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:modalContentSlideIn .4s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes modalContentSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cart-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;padding:.5rem;color:#6b7280;border-radius:8px;transition:all .2s ease;z-index:1}.cart-modal-close:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}.cart-modal-success-icon{display:flex;justify-content:center;margin-bottom:1.5rem;animation:successIconBounce .6s cubic-bezier(.68,-.55,.265,1.55) .2s both}@keyframes successIconBounce{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.cart-modal-header{margin-bottom:2rem}.cart-modal-header h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.2}.cart-modal-header p{font-size:1rem;color:#6b7280;margin:0}.cart-modal-product{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:12px;margin-bottom:2rem;text-align:left}.cart-modal-product-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #E5E7EB}.cart-modal-product-image img{width:100%;height:100%;object-fit:cover}.cart-modal-product-details{flex:1;min-width:0}.cart-modal-product-details h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-modal-product-size,.cart-modal-product-quantity{font-size:.875rem;color:#6b7280;margin:.25rem 0}.cart-modal-product-size{font-weight:500}.cart-modal-product-quantity{font-weight:600;color:#059669}.cart-modal-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 480px){.cart-modal-actions{flex-direction:row}}.cart-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:48px;flex:1;text-decoration:none}.cart-modal-btn:focus{outline:none;ring:2px solid #3B82F6;ring-offset:2px}.cart-modal-btn-continue{background:#f3f4f6;color:#374151;border:1px solid #D1D5DB}.cart-modal-btn-continue:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.cart-modal-btn-cart{background:#2e8b57;color:#fff;box-shadow:0 4px 12px #2e8b574d}.cart-modal-btn-cart:hover{background:#267349;transform:translateY(-1px);box-shadow:0 6px 16px #2e8b5766}.cart-modal-btn-cart:active{transform:translateY(0);box-shadow:0 2px 8px #2e8b574d}.cart-modal-footer{padding-top:1rem;border-top:1px solid #E5E7EB}.cart-modal-delivery-info{font-size:.875rem;color:#6b7280;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 480px){.cart-modal-content{padding:1.5rem;margin:1rem;border-radius:12px}.cart-modal-header h2{font-size:1.5rem}.cart-modal-product{flex-direction:column;text-align:center;gap:.75rem}.cart-modal-product-image{width:100px;height:100px}.cart-modal-product-details{text-align:center}.cart-modal-product-details h3{white-space:normal;overflow:visible}}@media (prefers-reduced-motion: reduce){.cart-modal-overlay,.cart-modal-content,.cart-modal-success-icon,.cart-modal-btn{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.cart-modal-btn{border-width:2px}.cart-modal-btn-continue{border-color:#1f2937}.cart-modal-btn-cart{border:2px solid #2E8B57}}:root{--primary-color: #1D987C;--primary-hover: #16835F;--primary-gradient: linear-gradient(135deg, #1D987C 0%, #16835F 100%);--primary-gradient-hover: linear-gradient(135deg, #16A085 0%, #138D75 100%);--bg-light: #f8f9fa;--bg-lighter: #e9ecef;--bg-white: #fff;--text-dark: #212529;--text-medium: #495057;--text-light: #6c757d;--border-color: #dee2e6;--shadow-light: rgba(0, 0, 0, .05);--shadow-primary: rgba(29, 152, 124, .3);--danger: #dc3545;--danger-light: #fee;--danger-border: #fcc;--success: #28a745;--success-bg: #e8f5e8;--success-text: #155724;--info-bg: #e8f4f1;--info-border: rgba(29, 152, 124, .2);--warning-bg: #fff3cd;--warning-border: #ffeaa7;--warning-text: #856404;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 20px;--font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}.basket-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-lighter) 100%);font-family:var(--font-family);padding:0}.basket-header{background:var(--bg-white);border-bottom:1px solid var(--border-color);padding:20px 0;margin-bottom:var(--spacing-xxl);box-shadow:0 2px 8px #0000000d}.header-top{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;font-weight:var(--font-weight-medium)}.back-button:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);color:#000;font-size:14px}.breadcrumb-arrow{transform:rotate(-90deg);opacity:.6}.page-title{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:var(--spacing-lg);color:var(--primary-color)}.page-title h1{font-size:32px;font-weight:var(--font-weight-bold);margin:0;color:var(--text-dark)}.item-count{background:var(--primary-color);color:var(--bg-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xxl);font-size:14px;font-weight:var(--font-weight-semibold)}.basket-content{max-width:1200px;margin:0 auto;padding:0 24px;margin-bottom:var(--spacing-xxxl)}.empty-cart{text-align:center;padding:80px 20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:0 4px 12px var(--shadow-light)}.empty-cart-illustration{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xxl)}.empty-cart-illustration svg{color:var(--border-color)}.empty-cart-icon{position:absolute;font-size:48px;filter:grayscale(1);opacity:.7}.empty-cart h2{font-size:28px;color:var(--text-medium);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold)}.empty-cart p{font-size:16px;color:var(--text-light);margin:0 0 var(--spacing-xxl) 0;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-cart-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.continue-shopping-btn{padding:14px 28px;border-radius:var(--radius-lg);font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.continue-shopping-btn.primary{background:var(--primary-color);color:var(--bg-white)}.continue-shopping-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-primary)}.continue-shopping-btn.secondary{background:transparent;color:var(--text-light);border:1px solid var(--border-color)}.continue-shopping-btn.secondary:hover{background:var(--bg-light);border-color:#adb5bd}.basket-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xxl);align-items:start}.cart-items-section{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:0 4px 12px var(--shadow-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.section-header h2{font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-dark);margin:0}.clear-cart-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:1px solid var(--danger);color:var(--danger);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:var(--font-weight-medium)}.clear-cart-btn:hover{background:var(--danger);color:var(--bg-white)}.cart-items-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.cart-item{display:flex;gap:20px;padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease;background:#fafbfc}.cart-item:hover{border-color:var(--primary-color);background:var(--bg-white);box-shadow:0 4px 12px #1d987c1a}.item-image{width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-white);border:1px solid var(--border-color)}.item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.item-info h3{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0 0 var(--spacing-sm) 0}.item-reference{font-size:14px;color:var(--text-light);margin:0 0 var(--spacing-sm) 0}.item-specs{display:flex;gap:var(--spacing-lg);font-size:14px;color:var(--text-medium);margin-bottom:var(--spacing-lg)}.item-pricing{display:flex;flex-direction:column;gap:var(--spacing-sm)}.price-info{display:flex;align-items:center;gap:12px}.original-price{text-decoration:line-through;color:var(--text-muted);font-size:24px}.sale-price,.current-price{font-size:24px;font-weight:var(--font-weight-bold);color:var(--primary-color)}.discount-badge{background:var(--danger);color:var(--bg-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:12px;font-weight:var(--font-weight-semibold)}.total-price{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-dark);margin-top:var(--spacing-md)}.item-controls{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);min-width:120px}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs)}.quantity-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--text-medium);font-weight:var(--font-weight-bold)}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:var(--bg-white)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{min-width:40px;text-align:center;font-weight:var(--font-weight-semibold);font-size:16px}.remove-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--danger);font-size:18px}.remove-btn:hover{background:var(--danger);color:var(--bg-white);border-color:var(--danger)}.continue-shopping{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.continue-shopping-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);background:transparent;border:1px solid var(--primary-color);padding:12px 24px;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;font-family:inherit;font-size:14px}.continue-shopping-link:hover{background:var(--primary-color);color:var(--bg-white)}.order-summary-section{position:sticky;top:24px;align-self:start}.summary-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:0 4px 12px var(--shadow-light);border:1px solid var(--border-color)}.summary-card h3{font-size:22px;font-weight:var(--font-weight-bold);color:var(--text-dark);margin:0 0 var(--spacing-xl) 0}.summary-details{margin-bottom:var(--spacing-xl)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;font-size:16px}.summary-row:not(:last-child){border-bottom:1px solid var(--bg-light)}.free-shipping{color:var(--success);font-weight:var(--font-weight-semibold)}.shipping-notice{background:var(--success-bg);color:var(--success-text);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;text-align:center;font-size:14px;border:1px solid rgba(37,167,70,.2)}.summary-divider{height:1px;background:var(--border-color);margin:var(--spacing-lg) 0}.summary-total{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-dark);padding:var(--spacing-lg) var(--spacing-lg);background:var(--bg-light);margin:0 calc(-1 * var(--spacing-lg));border-radius:var(--radius-md)}.checkout-btn{width:100%;background:var(--primary-color);color:var(--bg-white);border:none;padding:16px 24px;border-radius:var(--radius-lg);font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;font-family:inherit;margin-bottom:var(--spacing-xl);box-shadow:0 4px 12px var(--shadow-primary)}.checkout-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #1d987c66}.checkout-btn:disabled,.checkout-btn.active{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.order-form{border-top:1px solid var(--border-color);padding-top:var(--spacing-xl);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.order-form h4{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0 0 var(--spacing-xl) 0}.user-info-notice{background:var(--info-bg);color:var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--spacing-xl);border:1px solid var(--info-border)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-medium);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1d987c1a}.form-group textarea{resize:vertical;min-height:80px}.delivery-info{background:var(--bg-light);padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-xl) 0}.delivery-info h5{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0 0 var(--spacing-lg) 0}.info-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:14px;color:var(--text-medium)}.info-icon{font-size:16px;width:20px;text-align:center}.form-total{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.total-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.total-row.final-total{font-size:18px;font-weight:var(--font-weight-bold);color:var(--primary-color);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.submit-order-btn{width:100%;background:var(--primary-gradient);color:var(--bg-white);border:none;padding:18px 24px;border-radius:var(--radius-lg);font-size:16px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px var(--shadow-primary)}.submit-order-btn:hover:not(:disabled){background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 24px #1d987c66}.submit-order-btn:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.form-notice{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);padding:var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;line-height:1.5}@media (max-width: 768px){.header-top,.page-title,.basket-content{padding:0 16px}.basket-header{padding:16px 0;margin-bottom:20px}.page-title{flex-direction:column;align-items:flex-start;gap:8px}.page-title h1{font-size:24px}.basket-layout{grid-template-columns:1fr;gap:24px}.cart-items-section,.summary-card{padding:20px}.cart-item{flex-direction:column;align-items:stretch;padding:20px}.item-image{width:100%;height:200px;margin-bottom:16px;max-width:200px;align-self:center}.item-controls{flex-direction:row;justify-content:space-between;width:100%;padding-top:16px}.section-header{flex-direction:column;align-items:stretch;gap:16px}.section-header h2{font-size:20px}.empty-cart{padding:40px 20px}.empty-cart h2{font-size:24px}.empty-cart-actions{flex-direction:column;align-items:stretch}.continue-shopping-btn{text-align:center}}@media (max-width: 480px){.basket-content{margin-bottom:32px}.cart-items-section,.summary-card,.cart-item{padding:16px}.item-image{height:150px;max-width:150px}.page-title h1{font-size:20px}.summary-total{font-size:18px;margin:0 -8px;padding-left:8px;padding-right:8px}.item-specs{flex-wrap:wrap}.price-info{flex-wrap:wrap;gap:8px}.original-price,.sale-price,.current-price{white-space:nowrap}}:root{--primary-color: #1D987C;--primary-hover: #16835F;--success-color: #28a745;--success-light: #d4edda;--success-border: #c3e6cb;--bg-white: #fff;--bg-light: #f8f9fa;--bg-lighter: #e9ecef;--text-dark: #212529;--text-medium: #495057;--text-light: #6c757d;--border-color: #dee2e6;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--warning-bg: #fff3cd;--warning-border: #ffeaa7;--info-bg: #e8f4f1;--info-border: rgba(29, 152, 124, .2);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 48px}.order-confirmation-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-lighter) 100%);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;padding:var(--spacing-xxl) 0}.confirmation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.confirmation-header{text-align:center;margin-bottom:var(--spacing-xxxl);position:relative}.success-animation{position:relative;display:inline-block;margin-bottom:var(--spacing-xl)}.success-icon{color:var(--success-color);z-index:10;position:relative;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{position:absolute;border:2px solid var(--success-color);border-radius:50%;opacity:0}.ring-1{width:100px;height:100px;margin:-50px 0 0 -50px;animation:ripple 1.5s ease-out .3s}.ring-2{width:140px;height:140px;margin:-70px 0 0 -70px;animation:ripple 1.5s ease-out .6s}.ring-3{width:180px;height:180px;margin:-90px 0 0 -90px;animation:ripple 1.5s ease-out .9s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.confirmation-header h1{font-size:32px;font-weight:700;color:var(--text-dark);margin:0 0 var(--spacing-md) 0;animation:slideUp .8s ease-out .3s both}.confirmation-subtitle{font-size:18px;color:var(--text-medium);margin:0;animation:slideUp .8s ease-out .5s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.order-summary-card,.details-card,.items-summary-card,.next-steps-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 4px 12px var(--shadow-light);border:1px solid var(--border-color);animation:fadeInUp .6s ease-out both}.order-summary-card{animation-delay:.1s}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.details-grid .details-card{animation-delay:.3s}.items-summary-card{animation-delay:.5s}.next-steps-card{animation-delay:.7s}.card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-header h2{font-size:22px;font-weight:600;color:var(--text-dark);margin:0}.card-header h3{font-size:18px;font-weight:600;color:var(--text-dark);margin:0}.order-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.info-row:not(:last-child){border-bottom:1px solid var(--bg-light)}.info-row .label{font-weight:500;color:var(--text-medium)}.info-row .value{font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.order-number{font-family:Courier New,monospace;background:var(--bg-light);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px}.total-amount{font-size:20px;color:var(--primary-color)}.account-created-notice{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;animation:slideInLeft .8s ease-out .2s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.notice-icon{color:var(--primary-color);flex-shrink:0}.notice-content h3{font-size:18px;font-weight:600;color:var(--primary-color);margin:0 0 var(--spacing-md) 0}.notice-content p{margin:0 0 var(--spacing-md) 0;color:var(--text-medium);line-height:1.5}.notice-content p:last-child{margin-bottom:0}.user-info{font-weight:600;color:var(--primary-color)}.card-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-name{font-size:18px;font-weight:600;color:var(--text-dark);margin:0}.customer-phone{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-medium);margin:0}.customer-address{color:var(--text-medium);margin:0;line-height:1.5}.delivery-notes{background:var(--bg-light);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.delivery-notes strong{color:var(--text-dark)}.delivery-notes p{margin:var(--spacing-sm) 0 0 0;color:var(--text-medium)}.delivery-date{font-size:18px;font-weight:600;color:var(--primary-color);margin:0}.delivery-note{color:var(--text-medium);margin:0;line-height:1.5}.delivery-cost{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md)}.delivery-cost .free{color:var(--success-color);font-weight:600}.items-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.item-row{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.item-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-white)}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1}.item-details h4{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 var(--spacing-xs) 0}.item-details p{font-size:14px;color:var(--text-medium);margin:0}.item-price{font-size:16px;font-weight:600;color:var(--primary-color)}.order-total-summary{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.total-row.final{font-size:18px;font-weight:700;color:var(--primary-color);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.next-steps-card h3{font-size:20px;font-weight:600;color:var(--text-dark);margin:0 0 var(--spacing-xl) 0}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.step{display:flex;gap:var(--spacing-lg);align-items:flex-start}.step-number{width:32px;height:32px;background:var(--primary-color);color:var(--bg-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content h4{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 var(--spacing-xs) 0}.step-content p{font-size:14px;color:var(--text-medium);margin:0;line-height:1.5}.confirmation-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin:var(--spacing-xl) 0;animation:fadeInUp .6s ease-out .9s both}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 24px;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit;text-decoration:none}.action-btn.primary{background:var(--primary-color);color:var(--bg-white);box-shadow:0 4px 12px #1d987c4d}.action-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #1d987c66}.action-btn.secondary{background:transparent;color:var(--text-medium);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}.contact-info{text-align:center;background:var(--bg-light);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);animation:fadeInUp .6s ease-out 1.1s both}.contact-info p{margin:0 0 var(--spacing-lg) 0;color:var(--text-medium);line-height:1.5}.contact-methods{display:flex;gap:var(--spacing-xl);justify-content:center;flex-wrap:wrap}.contact-methods span{font-size:14px;color:var(--text-medium)}@media (max-width: 768px){.order-confirmation-page{padding:var(--spacing-xl) 0}.confirmation-content{padding:0 var(--spacing-lg)}.confirmation-header h1{font-size:28px}.confirmation-subtitle{font-size:16px}.success-icon{width:60px;height:60px}.ring-1,.ring-2,.ring-3{display:none}.details-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.order-summary-card,.details-card,.items-summary-card,.next-steps-card{padding:var(--spacing-lg)}.account-created-notice{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.item-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.item-details{width:100%}.confirmation-actions{flex-direction:column;align-items:stretch}.action-btn{justify-content:center;text-align:center}.contact-methods{flex-direction:column;gap:var(--spacing-md)}}.order-tracking-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem;font-family:Arial,Helvetica,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#64748b}.page-header{max-width:1200px;margin:0 auto 2rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.back-button,.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer}.back-button:hover,.refresh-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.page-title{display:flex;align-items:center;gap:1rem;color:#1e293b}.page-title h1{font-size:2rem;font-weight:700;margin:0}.user-info{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem;margin:0}.filters-section{max-width:1200px;margin:0 auto 2rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;gap:.5rem;flex:1;min-width:250px}.search-box svg{color:#94a3b8;flex-shrink:0}.search-box input{border:none;outline:none;flex:1;font-size:.9rem;color:#1e293b}.search-box input::placeholder{color:#94a3b8}.status-filter{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;gap:.5rem;min-width:180px}.status-filter svg{color:#94a3b8;flex-shrink:0}.status-filter select{border:none;outline:none;background:transparent;font-size:.9rem;color:#1e293b;cursor:pointer;flex:1}.orders-content{max-width:1200px;margin:0 auto}.error-message{display:flex;align-items:center;gap:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;color:#dc2626;margin-bottom:2rem}.error-message button{background:#dc2626;color:#fff;border:none;border-radius:.25rem;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.error-message button:hover{background:#b91c1c}.no-orders{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.no-orders svg{color:#cbd5e1;margin-bottom:2rem}.no-orders h2{font-size:1.5rem;color:#1e293b;margin-bottom:1rem}.no-orders p{color:#64748b;margin-bottom:2rem;line-height:1.6}.no-orders-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.clear-filters-btn,.shop-now-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid;transition:all .2s ease}.clear-filters-btn{background:#fff;color:#64748b;border-color:#e2e8f0}.clear-filters-btn:hover{background:#f8fafc;color:#1e293b}.shop-now-btn{background:#1d987c;color:#fff;border-color:#1d987c}.shop-now-btn:hover{background:#177c66;border-color:#177c66}.orders-summary{margin-bottom:1rem;color:#64748b;font-size:.9rem}.order-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;overflow:hidden;transition:box-shadow .2s ease}.order-card:hover{box-shadow:0 4px 6px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f5f9}.order-info{display:flex;flex-direction:column;gap:.5rem}.order-number{font-size:1.1rem;color:#1e293b}.order-date{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.order-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500}.status-orange{background:#fed7aa;color:#ea580c}.status-blue{background:#dbeafe;color:#2563eb}.status-purple{background:#e9d5ff;color:#9333ea}.status-indigo{background:#e0e7ff;color:#4f46e5}.status-green{background:#dcfce7;color:#16a34a}.status-red{background:#fecaca;color:#dc2626}.order-body{padding:1rem 1.5rem}.order-details{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.order-items{flex:1;color:#64748b;line-height:1.5}.order-items strong{color:#1e293b;display:block;margin-bottom:.25rem}.item-preview{font-size:.9rem}.more-items{font-style:italic;color:#94a3b8}.order-total{text-align:right;white-space:nowrap}.total-label{color:#64748b;font-size:.9rem}.total-amount{font-size:1.2rem;font-weight:700;color:#1e293b;display:block}.order-progress{margin-bottom:1rem}.progress-description{color:#64748b;margin-bottom:.5rem;font-size:.9rem}.tracking-number{display:flex;align-items:center;gap:.5rem;color:#4f46e5;font-size:.9rem;font-weight:500}.order-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9}.view-order-btn{display:flex;align-items:center;gap:.5rem;background:#1d987c;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.view-order-btn:hover{background:#177c66}.order-note{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.85rem}.order-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.order-modal{background:#fff;border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{margin:0;font-size:1.5rem;color:#1e293b}.close-modal{background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.close-modal:hover{background:#f1f5f9;color:#1e293b}.modal-content{padding:1.5rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#1e293b;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{color:#64748b;font-size:.9rem;font-weight:500}.info-item .value{color:#1e293b;font-weight:500}.info-item .value.total{font-size:1.2rem;color:#1d987c;font-weight:700}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1rem;font-size:.9rem;font-weight:500;width:fit-content}.address-info{background:#f8fafc;padding:1rem;border-radius:.5rem;border-left:4px solid #1d987c}.customer-name{font-weight:600;color:#1e293b;margin:0 0 .5rem}.customer-phone{display:flex;align-items:center;gap:.5rem;color:#64748b;margin:0 0 .5rem}.address{color:#64748b;margin:0;line-height:1.5}.modal-items-list{border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.modal-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0}.modal-item:last-child{border-bottom:none}.modal-item .item-image{width:60px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.modal-item .item-image img{width:100%;height:100%;object-fit:cover}.modal-item .item-details{flex:1}.modal-item .item-details h4{margin:0 0 .5rem;color:#1e293b;font-size:1rem}.modal-item .item-details p{margin:0;color:#64748b;font-size:.9rem}.modal-item .item-price{font-weight:600;color:#1e293b;text-align:right}.price-summary{background:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#64748b}.price-row:last-child{margin-bottom:0}.price-row.total{border-top:1px solid #e2e8f0;padding-top:.5rem;margin-top:.5rem;font-weight:600;color:#1e293b;font-size:1.1rem}.payment-method{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem;color:#15803d;font-weight:500;margin:0;display:flex;align-items:center;gap:.5rem}.payment-method:before{content:"💰"}.order-notes{background:#fffbeb;border:1px solid #fed7aa;border-radius:.5rem;padding:1rem;color:#92400e;font-style:italic;margin:0;line-height:1.5}@media (max-width: 768px){.order-tracking-page{padding:1rem .5rem}.page-title{flex-direction:column;align-items:flex-start;gap:.5rem}.page-title h1{font-size:1.5rem}.filters-section{flex-direction:column;align-items:stretch}.search-box,.status-filter{min-width:auto}.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-details{flex-direction:column;gap:1rem}.order-total{text-align:left}.order-actions{flex-direction:column;gap:1rem;align-items:stretch}.view-order-btn{justify-content:center}.info-grid{grid-template-columns:1fr}.modal-item{flex-direction:column;align-items:flex-start;text-align:center}.modal-item .item-details{width:100%}.modal-item .item-price{text-align:center;width:100%}.order-modal{margin:.5rem;max-height:95vh}.modal-header,.modal-content{padding:1rem}}@media (max-width: 480px){.order-tracking-page{padding:.5rem}.page-title h1{font-size:1.25rem}.order-card{border-radius:.5rem}.order-header,.order-body{padding:1rem}.modal-items-list{border:none;background:#f8fafc}.modal-item{background:#fff;border-radius:.5rem;margin-bottom:.5rem;border:1px solid #e2e8f0}.no-orders-actions{flex-direction:column}.clear-filters-btn,.shop-now-btn{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#e2e8f0;border-radius:.25rem}.back-button:focus,.refresh-button:focus,.view-order-btn:focus,.close-modal:focus,.search-box input:focus,.status-filter select:focus{outline:2px solid #1d987c;outline-offset:2px}@media print{.order-tracking-page{background:#fff;padding:1rem}.back-button,.refresh-button,.filters-section,.order-actions{display:none}.order-card{break-inside:avoid;box-shadow:none;border:1px solid #e2e8f0;margin-bottom:1rem}.page-title{color:#000}}.hero-section{display:flex;justify-content:center;align-items:center;padding:2rem 0rem;background:#fff;font-family:Space Grotesk,sans-serif;min-height:auto;position:relative;margin:2rem 0rem}.hero-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;border-radius:20px;padding:4rem 3rem;position:relative;box-shadow:0 4px 20px #3b82f61a}.hero-text{flex:1;max-width:500px}.hero-title{display:flex;flex-direction:row;align-items:baseline;gap:1rem;margin:0 0 1rem;flex-wrap:wrap}.script-text.no-underline{color:#1f2937!important;font-family:Space Grotesk,sans-serif!important;font-size:2.25rem!important;font-weight:500!important;margin:0;opacity:1!important;-webkit-text-fill-color:#000;animation:none!important}.script-text.no-underline:after{display:none}.script-text.highlight-script{font-family:Rouge Script,cursive!important;font-size:3rem!important;background:linear-gradient(135deg,#1d987c,#16a085);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-weight:400;margin:0;opacity:1!important;animation:none!important}.hero-subtitle{font-size:1rem;color:#6b7280;margin:1rem 0 2rem;line-height:1.5;font-weight:400}.cta-button{padding:.8rem 2rem;background:#1d987c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,sans-serif;text-transform:none;letter-spacing:normal}.cta-button:hover{background:#1d987c;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.hero-image{flex:1!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:400px!important}.image-wrapper{position:relative!important;width:100%!important;max-width:300px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;border-radius:0!important;box-shadow:none!important;border:none!important;overflow:visible!important}.main-image{width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important;border-radius:0!important;box-shadow:none!important;border:none!important}.image-wrapper:hover{transform:none!important;box-shadow:none!important}.image-wrapper:hover .main-image{filter:none!important}.image-wrapper:before,.image-overlay{display:none!important}@media (max-width: 1024px){.hero-content{padding:1.5rem 2rem}.script-text.no-underline{font-size:2rem!important}.script-text.highlight-script{font-size:2.5rem!important}}@media (max-width: 768px){.hero-section{margin:1rem 3%;padding:1rem 3%}.hero-content{flex-direction:column;text-align:center;padding:2rem 1.5rem;gap:2rem}.hero-text{max-width:100%}.hero-title{align-items:center}.script-text.no-underline{font-size:1.8rem!important}.script-text.highlight-script{font-size:2.2rem!important}.hero-image{max-width:250px}}@media (max-width: 480px){.hero-content{border-width:2px;border-radius:15px;padding:1.5rem 1rem}.script-text.no-underline{font-size:1.5rem!important}.script-text.highlight-script{font-size:1.8rem!important}.hero-subtitle{font-size:.9rem}.cta-button{padding:.7rem 1.5rem;font-size:.9rem}.hero-title{flex-direction:column;align-items:center;gap:.5rem}}.pictures-container{display:flex;flex-direction:column;gap:1rem;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.picture-card{flex:1;cursor:pointer;overflow:hidden;transition:all .3s ease;transform:translateY(0)}.picture-card:hover{transform:translateY(-5px)}.picture-card:active{transform:translateY(-2px);transition:all .1s ease}.picture-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.picture-card:hover .picture-image{transform:scale(1.02)}@media (max-width: 480px){.pictures-container{gap:.75rem}.picture-card{border-radius:.75rem}}@media (min-width: 481px) and (max-width: 768px){.pictures-container{gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.pictures-container{flex-direction:row;gap:1.5rem}}@media (min-width: 1025px) and (max-width: 1400px){.pictures-container{flex-direction:row;gap:2rem}}@media (min-width: 1401px){.pictures-container{flex-direction:row;gap:2.5rem}}@media (max-height: 500px) and (orientation: landscape){.pictures-container{flex-direction:row;gap:1rem}}@media (max-width: 320px){.pictures-container{gap:.5rem}.picture-card{border-radius:.5rem}}@media (min-width: 1800px){.pictures-container{gap:3rem}}.picture-card:focus{outline:3px solid #3b82f6;outline-offset:2px}.picture-card:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.picture-card,.picture-image{transition:none}.picture-card:hover,.picture-card:hover .picture-image{transform:none}}.marquee-sticker{width:100%;height:120px;background:#1d987c;transform:rotate(-.8deg);margin:5rem 0;overflow:hidden;display:flex;align-items:center;position:relative;box-shadow:0 6px 20px #1d987c40;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.1)}.marquee-sticker:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(255,255,255,.04) 15px,rgba(255,255,255,.04) 30px);pointer-events:none}.marquee-sticker:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 4s ease-in-out infinite;pointer-events:none}.marquee-content{display:flex;align-items:center;animation:marquee 24s linear infinite;white-space:nowrap;gap:4rem;will-change:transform;padding:0 2rem;width:max-content}.marquee-text{font-size:2.8rem;font-weight:800;letter-spacing:.2em;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 2px 6px rgba(0,0,0,.15);opacity:.95;transition:all .3s ease;text-transform:uppercase;position:relative;flex-shrink:0}.marquee-content:hover .marquee-text{opacity:1;transform:scale(1.02)}.marquee-text.blue{color:#fff;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.marquee-text.pink{color:#fad1e1;background:linear-gradient(135deg,#fad1e1,#f8bbd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.marquee-text:before{content:"●";margin-right:1.8rem;font-size:.6em;opacity:.7;color:#fffc;animation:pulse 2s ease-in-out infinite alternate}.marquee-text:first-child:before{content:"";margin-right:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shine{0%,to{left:-100%}50%{left:100%}}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.marquee-sticker:hover .marquee-content{animation-play-state:paused}.marquee-sticker:hover{transform:rotate(-.4deg) scale(1.01);box-shadow:0 8px 25px #1d987c59;transition:all .3s ease}@media (max-width: 1024px){.marquee-sticker{height:100px;margin:4rem 0}.marquee-text{font-size:2.4rem;letter-spacing:.15em}.marquee-content{gap:3.5rem;animation-duration:35s}}@media (max-width: 768px){.marquee-sticker{height:80px;margin:3rem 0;transform:rotate(-.6deg)}.marquee-text{font-size:2rem;letter-spacing:.12em}.marquee-content{gap:3rem;animation-duration:35s}.marquee-text:before{margin-right:1.5rem}}@media (max-width: 480px){.marquee-sticker{height:65px;margin:2.5rem 0}.marquee-text{font-size:1.6rem;letter-spacing:.1em}.marquee-content{gap:2.5rem;animation-duration:35s}.marquee-text:before{margin-right:1.2rem;font-size:.5em}}@media (prefers-reduced-motion: reduce){.marquee-content{animation:none}.marquee-sticker:after{animation:none}.marquee-text:before{animation:none}.marquee-sticker:hover{transform:none}}@media (prefers-contrast: high){.marquee-text{text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:900}.marquee-sticker{border-top-width:3px;border-bottom-width:3px}}:root{--primary-green: #1D987C;--secondary-green: #22d3ae;--accent-pink: #FAD1E1;--accent-blue: #1A5EDB;--text-primary: #222222;--text-secondary: #BCBCBC;--bg-white: #FFFFFF;--bg-light: #FDFEFF;--border-light: #DFDFDF;--border-lighter: #E5E5E5;--container-padding: 5%;--section-gap: 6rem;--content-max-width: 1600px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.first-page{font-family:Space Grotesk,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg-white);overflow-x:hidden;min-height:100vh;width:100%;line-height:1.5}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;display:block;height:auto}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--container-padding)}.text-hero{font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.1;color:var(--text-primary)}.text-script{font-family:Rouge Script,cursive;font-size:clamp(4rem,10vw,8rem);font-weight:400;color:var(--primary-green)}.text-large{font-size:clamp(2rem,5vw,4rem);font-weight:500;line-height:1.2}.text-medium{font-size:clamp(1.2rem,3vw,2rem);font-weight:400;line-height:1.4}.text-body{font-size:clamp(1rem,2vw,1.5rem);font-weight:400;line-height:1.6;color:var(--text-secondary)}.btn-primary{padding:1rem 2.5rem;background:var(--primary-green);color:#fff;border:none;border-radius:8px;font-size:1.5rem;font-weight:400;cursor:pointer;transition:var(--transition-smooth);text-transform:capitalize;font-family:Space Grotesk,sans-serif}.btn-primary:hover{background:var(--secondary-green);transform:translateY(-2px);box-shadow:0 8px 25px #1d987c4d}.btn-secondary{padding:.8rem 2rem;background:#fff;color:var(--primary-green);border:1px solid var(--border-light);border-radius:8px;font-size:1.125rem;font-weight:400;cursor:pointer;transition:var(--transition-smooth);font-family:Space Grotesk,sans-serif}.btn-secondary:hover{background:var(--primary-green);color:#fff;transform:translateY(-2px)}.section{margin:var(--section-gap) 0}.section-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem var(--container-padding)}.section-content{padding:4rem var(--container-padding)}.card{background:#fff;border-radius:32px;border:1px solid var(--border-light);padding:2rem;transition:var(--transition-smooth);box-shadow:0 4px 20px #0000000d}.card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{flex-direction:column}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--primary-green)}.text-pink{color:var(--accent-pink)}.text-blue{color:var(--accent-blue)}.bg-primary{background-color:var(--primary-green)}.bg-pink{background-color:var(--accent-pink)}.bg-blue{background-color:var(--accent-blue)}.bg-light{background-color:var(--bg-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .8s ease-out}.animate-fade-in-right{animation:fadeInRight .8s ease-out}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width: 1200px){:root{--container-padding: 4%;--section-gap: 5rem}}@media (max-width: 768px){:root{--container-padding: 4%;--section-gap: 3rem}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.flex-between{flex-direction:column;gap:1rem}}@media (max-width: 480px){:root{--container-padding: 3%;--section-gap: 2rem}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:1.5rem}.btn-primary,.btn-secondary{width:100%;text-align:center}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,a:focus{outline:2px solid var(--primary-green);outline-offset:2px}@media print{.first-page{background:#fff!important;color:#000!important}.btn-primary,.btn-secondary{border:1px solid black!important;background:#fff!important;color:#000!important}}.new-collection-container{background:linear-gradient(135deg,#1d987c,#16a085);padding:4rem 5%;margin:3rem 5%;font-family:Space Grotesk,sans-serif;position:relative;overflow:hidden;border-radius:28px;box-shadow:0 12px 40px #1d987c33}.new-collection-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none}.new-collection{background:transparent;border:3px solid rgba(255,255,255,.8);border-radius:24px;padding:3rem 2rem;position:relative;z-index:2}.collection-header{margin-bottom:3rem;position:relative;z-index:2}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1400px;margin:0 auto}.collection-title{flex:1;font-size:2.6rem;font-weight:700;color:#fff;line-height:1.2;max-width:600px;text-shadow:0 3px 6px rgba(0,0,0,.15)}.collections-link{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50px;color:#fff;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.2);font-weight:600;font-size:1rem;white-space:nowrap;position:relative;overflow:hidden}.collections-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.collections-link:hover:before{left:100%}.collections-link:hover{background:#fff3;transform:translate(8px) translateY(-2px);border-color:#ffffff59;box-shadow:0 6px 20px #00000026}.arrow-icon{transition:transform .3s ease}.collections-link:hover .arrow-icon{transform:translate(6px)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.product-card{background:#1d987c;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;width:100%;height:auto;position:relative;padding:1.5rem}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .7s}.product-card:hover:before{left:100%}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003;border-color:#ffffff4d}.product-image-wrapper{margin-bottom:1.5rem;position:relative;border-radius:12px;overflow:hidden;background:#ffffffe6;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000000d}.product-card-image{width:85%;height:auto;object-fit:contain;transition:transform .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.product-card:hover .product-card-image{transform:scale(1.15) rotate(2deg)}.product-card-content{position:relative;z-index:2}.product-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.3;text-align:center;transition:color .3s ease}.add-to-cart-btn{width:100%;padding:.9rem 1.5rem;background:#fff;color:#1d987c;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;position:relative;overflow:hidden;font-family:Space Grotesk,sans-serif}.add-to-cart-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,152,124,.1),transparent);transition:left .5s}.add-to-cart-btn:hover:before{left:100%}.add-to-cart-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.add-to-cart-btn:active{transform:translateY(-1px)}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.collection-title{font-size:2.2rem}}@media (max-width: 1024px){.new-collection-container{padding:3rem 4%;margin:2.5rem 4%}.header-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.collection-title{max-width:100%;font-size:2rem}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.new-collection-container{padding:2.5rem 3%;margin:2rem 3%;border-radius:20px}.collection-title{font-size:1.8rem}.collections-link{padding:.8rem 1.5rem;font-size:.95rem}.products-grid{grid-template-columns:1fr;gap:1.2rem;padding:0}.product-card{padding:1.2rem}.product-name{font-size:1rem}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr;gap:1rem}.collection-title{font-size:1.6rem}.product-card{padding:1rem}.add-to-cart-btn{padding:.8rem 1.2rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.product-card,.product-card-image,.collections-link,.add-to-cart-btn{transition:none}.product-card:hover,.product-card:hover .product-card-image{transform:none}}.login-popup-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-popup{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:480px;min-width:320px;box-shadow:0 25px 50px #0003;position:relative;animation:popupSlideIn .4s cubic-bezier(.25,.8,.25,1);transform-origin:center;overflow:hidden;border:1px solid #f0f0f0;margin:auto;max-height:90vh;overflow-y:auto}.login-popup.signup-popup{max-width:520px;padding:35px}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.85) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-button{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#666;padding:10px;border-radius:50%;font-size:20px;transition:all .2s ease;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f0f0f0;color:#333;transform:scale(1.1)}.popup-header{text-align:center;margin-bottom:32px}.popup-icon{width:72px;height:72px;background:#e8f4f1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#1d987c;font-size:32px}.popup-header h2{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px;font-family:Inter,sans-serif}.popup-header p{font-size:15px;color:#6b7280;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:20px}.signup-form{gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr;gap:12px}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:15px;font-weight:500;color:#333;font-family:Inter,sans-serif}.form-group input[type=text],.form-group input[type=tel]{padding:16px;border:2px solid #e5e5e5;border-radius:12px;font-size:16px;font-family:Inter,sans-serif;transition:border-color .2s ease;outline:none}.form-group input[type=text]:focus,.form-group input[type=tel]:focus{border-color:#1d987c;box-shadow:0 0 0 4px #1d987c1a}.form-group input[type=text]:disabled,.form-group input[type=tel]:disabled{background:#f9f9f9;cursor:not-allowed;opacity:.7}.form-group input::placeholder{color:#9ca3af}.phone-input-container{position:relative;display:flex;border:2px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.phone-input-container:focus-within{border-color:#1d987c;box-shadow:0 0 0 4px #1d987c1a}.phone-input-container.error{border-color:#ef4444}.country-code{padding:16px 12px;font-size:16px;border-right:1px solid #e5e5e5;background:#f8f9fa;color:#333;font-weight:500;white-space:nowrap}.phone-input-container input{flex:1;padding:16px;border:none;outline:none;font-size:16px;font-family:Inter,sans-serif;background:transparent}.phone-input-container input::placeholder{color:#9ca3af}.error-message{color:#ef4444;font-size:14px;background:#fef2f2;padding:12px;border-radius:8px;border:1px solid #fecaca;margin:0;font-family:Inter,sans-serif}.submit-button{background:#1d987c;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s ease;font-family:Inter,sans-serif;margin-top:8px}.submit-button:hover:not(:disabled){background:#178a70;transform:translateY(-2px);box-shadow:0 8px 15px #1d987c33}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;opacity:.7}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-button .animate-spin{width:18px;height:18px}.popup-footer{text-align:center;display:flex;flex-direction:column;gap:16px;margin-top:24px}.popup-footer p{font-size:14px;color:#666;margin:0;line-height:1.4}.create-account-link{background:none;border:1px solid #1D987C;color:#1d987c;font-size:15px;font-weight:500;cursor:pointer;padding:12px 24px;border-radius:10px;transition:all .2s ease;font-family:Inter,sans-serif;margin:0 auto;width:fit-content}.create-account-link:hover:not(:disabled){background:#1d987c;color:#fff;transform:translateY(-1px)}.create-account-link:disabled{color:#ccc;border-color:#ccc;cursor:not-allowed}@media (max-width: 480px){.login-popup-overlay{padding:12px}.login-popup{padding:24px;max-width:100%;border-radius:16px;min-width:280px}.login-popup.signup-popup{padding:20px}.popup-header{margin-bottom:24px}.popup-header h2{font-size:24px}.popup-icon{width:60px;height:60px;font-size:28px}.phone-input-container input,.form-group input[type=text],.form-group input[type=tel]{font-size:16px;padding:14px}.country-code{padding:14px 10px;font-size:14px}.submit-button{font-size:15px;padding:14px 20px}.create-account-link{font-size:14px;padding:10px 20px}.login-form{gap:16px}.signup-form{gap:14px}.form-group{gap:6px}.form-group label{font-size:14px}}@media (max-width: 768px) and (min-width: 481px){.login-popup.signup-popup{max-width:480px;padding:30px}}@media (max-height: 600px){.login-popup{max-height:85vh;overflow-y:auto}.popup-header{margin-bottom:20px}.popup-icon{width:50px;height:50px;font-size:24px;margin-bottom:12px}}.menu-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2%;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(29,152,124,.08);font-family:Space Grotesk,sans-serif;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000000a;transition:all .3s ease;min-height:60px}.navbar-left{display:flex;align-items:center;gap:4rem;flex:1}.logo{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.logo:hover{transform:scale(1.03)}.logo-image{height:60px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-tagline{font-size:.7rem;color:#666;font-style:italic;font-weight:300;opacity:.8;margin-top:-2px;letter-spacing:.3px}.navigation{display:flex;gap:2rem;align-items:center}.nav-item{text-decoration:none;color:#333;font-weight:500;font-size:.95rem;padding:.6rem 1.2rem;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:capitalize;letter-spacing:.3px;white-space:nowrap}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,152,124,.1),transparent);transition:left .5s}.nav-item:hover:before{left:100%}.nav-item:hover{color:#1d987c;background-color:#1d987c0f;transform:translateY(-1px)}.nav-item.active{color:#1d987c;font-weight:600;background-color:#1d987c1a;box-shadow:0 2px 8px #1d987c33}.nav-item.promo{color:#fff;background:#1d987c;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #1d987c40;animation:promoGlow 3s ease-in-out infinite}.nav-item.promo:hover{color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #1d987c59}@keyframes promoGlow{0%,to{box-shadow:0 4px 15px #1d987c40}50%{box-shadow:0 4px 20px #1d987c66}}.navbar-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.basket-container{display:flex;align-items:center;gap:.6rem;color:#1d987c;cursor:pointer;padding:1rem;border-radius:25px;transition:all .3s ease;position:relative;font-weight:500}.basket-container:hover{background-color:#1d987c0f;transform:scale(1.03)}.basket-icon{width:20px;height:20px;transition:transform .2s ease;flex-shrink:0}.basket-container:hover .basket-icon{transform:rotate(8deg)}.basket-text{font-weight:500;font-size:.9rem;white-space:nowrap}.cart-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:bounceIn .5s ease-out;box-shadow:0 2px 8px #e74c3c4d}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.auth-buttons{display:flex;gap:1rem;align-items:center}.login-btn{padding:.7rem 1.5rem;border:2px solid #1D987C;background-color:transparent;color:#1d987c;border-radius:25px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.9rem;position:relative;overflow:hidden;font-family:Space Grotesk,sans-serif;white-space:nowrap}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#1d987c;transition:left .4s ease;z-index:-1}.login-btn:hover:before{left:0}.login-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #1d987c40}.create-account-btn{padding:.7rem 1.5rem;border:2px solid #1D987C;background:#1d987c;color:#fff;border-radius:25px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.9rem;box-shadow:0 4px 15px #1d987c40;font-family:Space Grotesk,sans-serif;white-space:nowrap}.create-account-btn:hover{background:linear-gradient(135deg,#177c66,#1eb896);transform:translateY(-2px);box-shadow:0 8px 25px #1d987c59}.user-profile-container{position:relative}.user-profile-button{display:flex;align-items:center;gap:.5rem;background:#1d987c14;border:2px solid rgba(29,152,124,.15);border-radius:25px;padding:.5rem 1rem .5rem .5rem;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.user-profile-button:hover{background:#1d987c1f;border-color:#1d987c40;transform:translateY(-1px);box-shadow:0 4px 12px #1d987c26}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1d987c,#22d3ae);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;letter-spacing:.5px;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #1d987c33}.chevron-icon{color:#1d987c;transition:transform .3s ease}.chevron-icon.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(29,152,124,.1);border-radius:16px;box-shadow:0 8px 32px #0000001f;z-index:1000;overflow:hidden;animation:dropdownSlideIn .3s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1d987c0d,#22d3ae0d)}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1d987c,#22d3ae);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;letter-spacing:.5px;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #1d987c40;flex-shrink:0}.user-details{flex:1;min-width:0}.user-fullname{font-size:1rem;font-weight:600;color:#1d987c;margin:0 0 .25rem;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-phone,.user-email{font-size:.8rem;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-phone{font-family:monospace;margin-bottom:.1rem}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(29,152,124,.1),transparent);margin:0}.dropdown-menu-items{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif;text-align:left}.dropdown-item:hover{background:#1d987c0f;color:#1d987c}.dropdown-item.logout-item:hover{background:#e74c3c0f;color:#e74c3c}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;gap:4px;background:none;border:none}.mobile-menu-toggle span{width:25px;height:3px;background-color:#1d987c;border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(29,152,124,.08);box-shadow:0 4px 20px #0000001a;display:none;flex-direction:column;padding:1rem 5%;gap:1rem;z-index:99;max-height:calc(100vh - 70px);overflow-y:auto;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease;opacity:0}.mobile-menu.open{display:flex;transform:translateY(0);opacity:1}.mobile-nav-item{padding:1rem;text-align:center;color:#333;text-decoration:none;font-weight:500;border-radius:10px;transition:all .3s ease}.mobile-nav-item:hover{background:#1d987c0f;color:#1d987c}.mobile-nav-item.promo{background:#1d987c;color:#fff}.mobile-nav-item.active{background:#1d987c1a;color:#1d987c;font-weight:600}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:98;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-nav-item.login-btn{padding:1rem 1.5rem;border:2px solid #1D987C;background-color:transparent;color:#1d987c;border-radius:25px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.9rem;position:relative;overflow:hidden;font-family:Space Grotesk,sans-serif;white-space:nowrap;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.mobile-nav-item.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#1d987c;transition:left .4s ease;z-index:-1}.mobile-nav-item.login-btn:hover:before{left:0}.mobile-nav-item.login-btn:hover{color:#fff;background-color:transparent;transform:translateY(-2px);box-shadow:0 8px 25px #1d987c40}.mobile-nav-item.create-account-btn{padding:1rem 1.5rem;border:2px solid #1D987C;background:#1d987c;color:#fff;border-radius:25px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.9rem;box-shadow:0 4px 15px #1d987c40;font-family:Space Grotesk,sans-serif;white-space:nowrap;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.mobile-nav-item.create-account-btn:hover{background:linear-gradient(135deg,#177c66,#1eb896);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #1d987c59}.mobile-nav-item.logout-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1rem;background:none;border:1px solid #e5e5e5;border-radius:20px;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:Space Grotesk,sans-serif;white-space:nowrap;text-decoration:none;margin:.5rem 0}.mobile-nav-item.logout-btn:hover{background:#fee;border-color:#fcc;color:#c33;transform:translateY(-1px)}.mobile-nav-item.login-btn,.mobile-nav-item.create-account-btn,.mobile-nav-item.logout-btn{opacity:1;transform:translateY(0)}.mobile-menu.open .mobile-nav-item.login-btn,.mobile-menu.open .mobile-nav-item.create-account-btn,.mobile-menu.open .mobile-nav-item.logout-btn{animation:slideInAuthButton .3s ease forwards}@keyframes slideInAuthButton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-profile-button:focus,.basket-container:focus,.login-btn:focus,.create-account-btn:focus,.dropdown-item:focus{outline:2px solid #22d3ae;outline-offset:2px}@media (min-width: 1920px){.menu-navbar{padding:1rem 8%}.navbar-left{gap:5rem}.navigation{gap:3rem}}@media (max-width: 1919px) and (min-width: 1200px){.menu-navbar{padding:1rem 2%}.navbar-left{gap:3.5rem}.navigation{gap:2.5rem}}@media (max-width: 1300px) and (min-width: 1024px){.menu-navbar{padding:1rem 2%}.navbar-left{gap:2.5rem}.navigation{gap:1.5rem}.nav-item{font-size:.9rem;padding:.5rem 1rem}.nav-item.promo{font-size:.85rem}.navbar-right{gap:.8rem}.user-dropdown{min-width:260px}}@media (max-width: 1023px) and (min-width: 768px){.menu-navbar{padding:1rem 3%;min-height:60px}.navbar-left{gap:2rem}.navigation,.auth-buttons{display:none}.mobile-menu-toggle{display:flex;order:2}.logo{order:1}.navbar-right{gap:.8rem}.basket-text{display:none}.basket-container{padding:.5rem;min-width:40px;justify-content:center}.user-profile-button{padding:.5rem .7rem .5rem .5rem}.user-avatar{width:28px;height:28px;font-size:.8rem}.user-dropdown{min-width:240px;right:-10px}.user-dropdown-header{padding:1.2rem}.user-avatar-large{width:42px;height:42px;font-size:1rem}}@media (max-width: 1160px) and (min-width: 480px){.menu-navbar{padding:.8rem 3%;min-height:55px}.navbar-left{gap:1.5rem}.logo-image{height:36px}.navigation,.auth-buttons{display:none}.mobile-menu-toggle{display:flex}.navbar-right{gap:.5rem}.basket-text{display:none}.basket-container{padding:.4rem;min-width:36px;justify-content:center}.basket-icon{width:18px;height:18px}.user-profile-button{padding:.4rem .6rem .4rem .4rem;border-radius:20px}.user-avatar{width:26px;height:26px;font-size:.75rem}.chevron-icon{width:14px;height:14px}.user-dropdown{min-width:220px;right:-15px}.user-dropdown-header{padding:1rem}.user-avatar-large{width:38px;height:38px;font-size:.95rem}.user-fullname{font-size:.9rem}.dropdown-item{padding:.8rem 1.2rem;font-size:.85rem}}@media (max-width: 479px){.menu-navbar{padding:.6rem 2%;min-height:50px}.navbar-left{gap:1rem}.logo-image{height:32px}.navigation,.auth-buttons{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-toggle span{width:20px;height:2px}.navbar-right{gap:.4rem}.basket-container{padding:.3rem;min-width:32px;justify-content:center}.basket-icon{width:16px;height:16px}.cart-badge{width:16px;height:16px;font-size:.6rem;top:-4px;right:-4px}.user-profile-button{padding:.3rem .5rem .3rem .3rem;border-radius:18px}.user-avatar{width:24px;height:24px;font-size:.7rem}.chevron-icon{width:12px;height:12px}.user-dropdown{min-width:200px;right:-20px}.user-dropdown-header{padding:.8rem;gap:.8rem}.user-avatar-large{width:34px;height:34px;font-size:.85rem}.user-fullname{font-size:.85rem}.user-phone,.user-email{font-size:.75rem}.dropdown-item{padding:.7rem 1rem;font-size:.8rem;gap:.6rem}.dropdown-item svg{width:16px;height:16px}}@media (max-width: 319px){.menu-navbar{padding:.5rem 1%;min-height:45px}.navbar-left{gap:.5rem}.logo-image{height:28px}.navbar-right{gap:.3rem}.basket-container{padding:.2rem;min-width:28px;height:28px}.basket-icon{width:14px;height:14px}.user-profile-button{padding:.2rem .4rem .2rem .2rem;border-radius:16px}.user-avatar{width:22px;height:22px;font-size:.65rem}.chevron-icon{width:10px;height:10px}.user-dropdown{min-width:180px;right:-25px}.user-dropdown-header{padding:.6rem}.user-avatar-large{width:30px;height:30px;font-size:.75rem}.dropdown-item{padding:.6rem .8rem;font-size:.75rem}}@media (max-width: 767px){.mobile-nav-item.login-btn,.mobile-nav-item.create-account-btn{padding:1rem 1.2rem;font-size:.85rem}}@media (max-width: 479px){.mobile-nav-item.login-btn,.mobile-nav-item.create-account-btn{padding:1rem;font-size:.8rem}.mobile-nav-item.logout-btn{padding:.8rem;font-size:.8rem}}@media print{.menu-navbar{background:#fff!important;box-shadow:none!important;border-bottom:1px solid #ccc}.mobile-menu-toggle,.mobile-menu,.user-dropdown{display:none!important}.navigation{display:flex!important}.nav-item.promo{background:#1d987c!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-image,.user-avatar,.user-avatar-large{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}