@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--color-peach: #FFE5DC;--color-peach-dark: #FFD4C7;--color-mint: #E8F5F0;--color-mint-dark: #C8E6DA;--color-coral: #FF8A7A;--color-coral-dark: #FF6B56;--color-cream: #FFF9F5;--color-lavender: #F0E8FF;--color-sage: #D4E5D7;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-black: #1A1A1A;--color-primary: var(--color-coral);--color-primary-dark: var(--color-coral-dark);--color-secondary: var(--color-mint);--color-background: var(--color-cream);--color-surface: var(--color-white);--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-600);--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--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;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:1.2;color:var(--color-black)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-white);color:var(--color-text);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-outline{background-color:transparent;color:var(--color-text);border:2px solid var(--color-black)}.btn-outline:hover{background-color:var(--color-black);color:var(--color-white)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-gray-700)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff8a7a33}.form-input::placeholder{color:var(--color-gray-400)}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover}.card-body{padding:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--color-peach);color:var(--color-coral-dark)}.badge-secondary{background-color:var(--color-mint);color:#2a7d5f}.badge-sale{background-color:var(--color-coral);color:var(--color-white)}.rating{display:flex;align-items:center;gap:var(--space-1)}.star{color:gold;font-size:var(--text-sm)}.star.empty{color:var(--color-gray-300)}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--color-white);border-radius:var(--radius-xl);z-index:var(--z-modal);max-width:90vw;max-height:90vh;overflow:auto;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s infinite}@media(max-width:1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-16) 0}}@media(max-width:768px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.5rem}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}}@media(max-width:480px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.375rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background-color:var(--color-peach);color:var(--color-black)}.cart-overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.cart-overlay.active{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100vh;background-color:var(--color-white);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.cart-sidebar.active{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-gray-100)}.cart-header h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold)}.cart-close{color:var(--color-gray-500);transition:color var(--transition-fast)}.cart-close:hover{color:var(--color-coral)}.cart-content{flex:1;overflow-y:auto;padding:var(--space-4)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-8)}.cart-empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.cart-empty p{color:var(--color-gray-500);margin-bottom:var(--space-6)}.cart-items{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.cart-item{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md)}.cart-item-details{flex:1}.cart-item-name{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1);font-family:var(--font-sans)}.cart-item-price{font-size:var(--text-sm);color:var(--color-coral);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.cart-item-quantity{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-1)}.cart-item-quantity button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-gray-600);transition:all var(--transition-fast)}.cart-item-quantity button:hover{color:var(--color-coral)}.cart-item-quantity span{min-width:20px;text-align:center;font-weight:var(--font-medium)}.cart-item-remove{color:var(--color-gray-400);transition:color var(--transition-fast);align-self:flex-start}.cart-item-remove:hover{color:var(--color-error)}.cart-promo{margin-bottom:var(--space-6)}.promo-input{display:flex;gap:var(--space-2)}.promo-input input{flex:1;padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm)}.promo-input input:focus{outline:none;border-color:var(--color-coral)}.promo-input button{padding:var(--space-3) var(--space-4);background-color:var(--color-black);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast)}.promo-input button:hover{background-color:var(--color-gray-800)}.cart-summary{padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-gray-600)}.summary-row.total{border-top:1px solid var(--color-gray-200);margin-top:var(--space-2);padding-top:var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-black)}.cart-actions{display:flex;flex-direction:column;gap:var(--space-3)}.cart-banner{padding:var(--space-4);background-color:var(--color-peach);text-align:center;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}@media(max-width:480px){.cart-sidebar{max-width:100%}}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);gap:var(--space-8)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-black)}.logo-icon{font-size:var(--text-2xl)}.logo-text{background:linear-gradient(135deg,var(--color-coral) 0%,#ff6b9d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{display:flex;align-items:center;gap:var(--space-8)}.nav-link{position:relative;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-coral);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-coral)}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-search{position:relative;display:flex;align-items:center}.search-input{width:200px;padding:var(--space-2) var(--space-4);padding-right:var(--space-10);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background-color:var(--color-gray-50);font-size:var(--text-sm);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-coral);background-color:var(--color-white);width:260px}.search-input::placeholder{color:var(--color-gray-400)}.search-btn{position:absolute;right:var(--space-3);color:var(--color-gray-500);transition:color var(--transition-fast)}.search-btn:hover{color:var(--color-coral)}.navbar-actions{display:flex;align-items:center;gap:var(--space-4)}.navbar-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-fast)}.navbar-icon:hover{background-color:var(--color-peach);color:var(--color-coral)}.cart-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background-color:var(--color-coral);color:var(--color-white);font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-full)}.navbar-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center}.hamburger{position:relative;width:24px;height:2px;background-color:var(--color-gray-800);transition:background-color var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--color-gray-800);transition:all var(--transition-base)}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.hamburger.active{background-color:transparent}.hamburger.active:before{top:0;transform:rotate(45deg)}.hamburger.active:after{bottom:0;transform:rotate(-45deg)}.navbar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:calc(var(--z-sticky) - 1)}@media(max-width:1024px){.navbar-search{display:none}}@media(max-width:768px){.navbar-menu-toggle{display:flex}.navbar-container{padding:var(--space-3) var(--space-4)}.navbar-nav{position:fixed;top:60px;left:0;right:0;flex-direction:column;gap:0;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-4) 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-sticky)}.navbar-nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.nav-link:after{display:none}.navbar-logo{position:absolute;left:50%;transform:translate(-50%)}.logo-text{display:none}.logo-icon{font-size:var(--text-3xl)}}.footer{background-color:var(--color-white);margin-top:auto}.footer-newsletter{background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-mint) 100%);padding:var(--space-12) var(--space-6)}.newsletter-content{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.newsletter-icon{font-size:3rem}.newsletter-text{flex:1;min-width:200px}.newsletter-text h3{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.newsletter-text p{color:var(--color-gray-600);font-size:var(--text-sm)}.newsletter-form{display:flex;gap:var(--space-2);flex:1;min-width:300px}.newsletter-input{flex:1;padding:var(--space-4);border:none;border-radius:var(--radius-full);background-color:var(--color-white);font-size:var(--text-sm)}.newsletter-input:focus{outline:none;box-shadow:0 0 0 3px #ff8a7a4d}.footer-main{padding:var(--space-16) 0;border-bottom:1px solid var(--color-gray-100)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12)}.footer-brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.footer-logo .logo-icon{font-size:var(--text-2xl)}.footer-logo .logo-text{background:linear-gradient(135deg,var(--color-coral) 0%,#ff6b9d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-6)}.footer-socials{display:flex;gap:var(--space-4)}.footer-socials a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-gray-50);color:var(--color-gray-600);transition:all var(--transition-fast)}.footer-socials a:hover{background-color:var(--color-coral);color:var(--color-white);transform:translateY(-2px)}.footer-links h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer-links ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{color:var(--color-gray-600);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-coral)}.footer-bottom{padding:var(--space-6) 0;background-color:var(--color-gray-50)}.footer-bottom-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.copyright{color:var(--color-gray-500);font-size:var(--text-sm)}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{color:var(--color-gray-500);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-coral)}.payment-methods{display:flex;gap:var(--space-2);font-size:var(--text-xl)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-brand{grid-column:1 / -1;max-width:none;text-align:center}.footer-socials{justify-content:center}}@media(max-width:768px){.newsletter-content{flex-direction:column;text-align:center}.newsletter-form{width:100%;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;text-align:center}.footer-links ul{align-items:center}.footer-bottom-content{flex-direction:column;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.quick-view-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--color-white);border-radius:var(--radius-xl);z-index:var(--z-modal);width:90vw;max-width:900px;max-height:90vh;overflow:hidden;opacity:0;visibility:hidden;transition:all var(--transition-base)}.quick-view-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border-radius:var(--radius-full);color:var(--color-gray-600);z-index:10;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-black)}.modal-content{display:grid;grid-template-columns:1fr 1fr;max-height:90vh}.modal-image{position:relative;aspect-ratio:1 / 1;background-color:var(--color-gray-50)}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-image .product-badges{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.modal-details{padding:var(--space-8);overflow-y:auto;max-height:90vh}.modal-category{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em}.modal-title{font-size:var(--text-3xl);margin:var(--space-2) 0 var(--space-4)}.modal-rating{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-rating .review-count{font-size:var(--text-sm);color:var(--color-gray-500)}.modal-price{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.modal-price .current-price{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-coral)}.modal-price .original-price{font-size:var(--text-lg);color:var(--color-gray-400);text-decoration:line-through}.modal-description{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-6)}.modal-section{margin-bottom:var(--space-6)}.modal-section h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.skin-types,.ingredients{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skin-type-tag{padding:var(--space-1) var(--space-3);background-color:var(--color-mint);color:#2a7d5f;font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:capitalize}.ingredient-tag{padding:var(--space-1) var(--space-3);background-color:var(--color-lavender);color:#6b4c9a;font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:capitalize}.modal-actions{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.quantity-selector{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.quantity-selector button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-gray-600);background-color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-fast)}.quantity-selector button:hover:not(:disabled){background-color:var(--color-coral);color:var(--color-white)}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.quantity-selector span{min-width:30px;text-align:center;font-weight:var(--font-semibold)}.modal-actions .btn{flex:1}.wishlist-btn-modal{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-400);transition:all var(--transition-fast)}.wishlist-btn-modal:hover,.wishlist-btn-modal.active{color:var(--color-coral);border-color:var(--color-coral)}.stock-status{font-size:var(--text-sm)}.in-stock{color:#2a7d5f}.low-stock{color:var(--color-warning)}.out-of-stock{color:var(--color-error)}@media(max-width:768px){.quick-view-modal{width:95vw;max-height:95vh}.modal-content{grid-template-columns:1fr}.modal-image{max-height:300px}.modal-details{padding:var(--space-6)}.modal-title{font-size:var(--text-2xl)}.modal-actions{flex-wrap:wrap}.modal-actions .btn{order:1;flex-basis:100%}.quantity-selector,.wishlist-btn-modal{order:0}}.product-card{position:relative;background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.product-image-container{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-gray-50)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.wishlist-btn{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border-radius:var(--radius-full);color:var(--color-gray-400);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);opacity:0}.product-card:hover .wishlist-btn{opacity:1}.wishlist-btn:hover,.wishlist-btn.active{color:var(--color-coral)}.wishlist-btn.active{opacity:1}.product-actions{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.product-actions.active{opacity:1;transform:translateY(0)}.product-info{padding:var(--space-4)}.product-category{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.product-name{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-black);margin-bottom:var(--space-2);line-height:1.4}.product-rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.review-count{font-size:var(--text-xs);color:var(--color-gray-400)}.product-price{display:flex;align-items:center;gap:var(--space-2)}.current-price{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-coral)}.original-price{font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:line-through}@media(max-width:768px){.wishlist-btn{opacity:1}.product-actions{position:static;opacity:1;transform:none;padding:0 var(--space-4) var(--space-4)}.product-actions .btn{width:100%}}@media(max-width:480px){.product-info{padding:var(--space-3)}.product-name{font-size:var(--text-sm)}.current-price{font-size:var(--text-base)}}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;min-height:calc(100vh - 80px);padding:var(--space-12) var(--space-6);max-width:1400px;margin:0 auto}.hero-content{max-width:560px}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);background-color:var(--color-peach);color:var(--color-coral-dark);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:var(--space-6)}.hero-title .highlight{background:linear-gradient(135deg,var(--color-coral) 0%,#ff6b9d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-12)}.hero-stats{display:flex;gap:var(--space-8)}.stat{display:flex;flex-direction:column}.stat-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-black)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-500)}.hero-image{position:relative}.hero-image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.hero-image-wrapper img{width:100%;height:auto;display:block}.floating-card{position:absolute;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);animation:float 3s ease-in-out infinite}.floating-card.card-1{top:20%;left:-10%;animation-delay:0s}.floating-card.card-2{bottom:20%;right:-10%;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8)}.section-header h2{font-size:var(--text-3xl)}.section-header p{color:var(--color-gray-500);margin-top:var(--space-2)}.section-header.text-center{flex-direction:column;align-items:center;text-align:center}.section-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-coral)}.categories-section{background-color:var(--color-white)}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-xl);transition:all var(--transition-base)}.category-card:hover{background-color:var(--color-peach);transform:translateY(-4px)}.category-card .category-icon{font-size:2.5rem}.category-card .category-name{font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.values-section{background:linear-gradient(135deg,var(--color-mint) 0%,var(--color-cream) 100%)}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.values-content{max-width:480px}.values-badge{display:inline-block;padding:var(--space-1) var(--space-3);background-color:#fffc;color:var(--color-gray-600);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.values-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.values-content>p{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-6)}.values-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.value-item{display:flex;align-items:flex-start;gap:var(--space-4)}.value-icon{font-size:var(--text-2xl)}.value-item h4{font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-1)}.value-item p{font-size:var(--text-sm);color:var(--color-gray-500)}.values-image{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.values-image img{width:100%;height:auto}.routine-cta{background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-lavender) 100%)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.cta-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.cta-content p{color:var(--color-gray-600);margin-bottom:var(--space-8)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.review-card{background-color:var(--color-white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.review-rating{color:gold;font-size:var(--text-lg);margin-bottom:var(--space-4)}.review-text{color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-6);font-style:italic}.review-author{display:flex;align-items:center;gap:var(--space-3)}.author-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-coral) 100%);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold)}.review-author strong{display:block;font-size:var(--text-sm)}.review-author span{font-size:var(--text-xs);color:var(--color-gray-500)}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto;padding:var(--space-8) var(--space-4);text-align:center}.hero-content{max-width:none}.hero-actions,.hero-stats{justify-content:center}.hero-image{order:-1;max-width:400px;margin:0 auto}.floating-card{display:none}.categories-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.values-content{max-width:none;order:1}.value-item{justify-content:center;text-align:left}.reviews-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:var(--space-4)}.categories-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.filter-overlay{display:none}.filter-sidebar{width:280px;flex-shrink:0;background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);height:fit-content;position:sticky;top:100px}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.filter-header h3{font-size:var(--text-lg);font-family:var(--font-sans)}.clear-filters{font-size:var(--text-xs);color:var(--color-coral);text-decoration:underline}.filter-close{display:none;color:var(--color-gray-500)}.filter-content{display:flex;flex-direction:column;gap:var(--space-6)}.filter-section h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--color-gray-700)}.category-options{display:flex;flex-direction:column;gap:var(--space-2)}.category-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left}.category-btn:hover{background-color:var(--color-gray-50)}.category-btn.active{background-color:var(--color-peach);color:var(--color-coral-dark)}.category-icon{font-size:var(--text-lg)}.category-name{font-size:var(--text-sm)}.price-range{display:flex;flex-direction:column;gap:var(--space-3)}.price-inputs{display:flex;align-items:center;gap:var(--space-2)}.price-input-group{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md);flex:1}.price-input-group span{color:var(--color-gray-500);font-size:var(--text-sm)}.price-input-group input{width:100%;border:none;background:none;font-size:var(--text-sm)}.price-input-group input:focus{outline:none}.price-separator{color:var(--color-gray-400)}.price-slider{width:100%;height:4px;-webkit-appearance:none;background:linear-gradient(to right,var(--color-coral) 0%,var(--color-coral) var(--value, 50%),var(--color-gray-200) var(--value, 50%),var(--color-gray-200) 100%);border-radius:var(--radius-full)}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background-color:var(--color-coral);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md)}.checkbox-options{display:flex;flex-direction:column;gap:var(--space-3);max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox-label input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-fast)}.checkbox-label input:checked+.checkbox-custom{background-color:var(--color-coral);border-color:var(--color-coral)}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{font-size:var(--text-sm);color:var(--color-gray-700)}.filter-footer{display:none}@media(max-width:1024px){.filter-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.filter-overlay.active{opacity:1;visibility:visible}.filter-sidebar{position:fixed;top:0;left:0;width:320px;max-width:90vw;height:100vh;z-index:var(--z-modal);border-radius:0;transform:translate(-100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.filter-sidebar.active{transform:translate(0)}.filter-close{display:block}.filter-content{flex:1;overflow-y:auto}.filter-footer{display:block;padding:var(--space-4);border-top:1px solid var(--color-gray-100)}.filter-footer .btn{width:100%}}.products-page{padding:var(--space-8) 0 var(--space-16)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-header-content h1{font-size:var(--text-3xl);margin-bottom:var(--space-1)}.page-header-content p{color:var(--color-gray-500);font-size:var(--text-sm)}.page-header-actions{display:flex;align-items:center;gap:var(--space-4)}.filter-toggle{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.filter-toggle:hover{border-color:var(--color-coral)}.filter-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background-color:var(--color-coral);color:var(--color-white);font-size:var(--text-xs);border-radius:var(--radius-full)}.sort-dropdown{display:flex;align-items:center;gap:var(--space-2)}.sort-dropdown label{font-size:var(--text-sm);color:var(--color-gray-600)}.sort-dropdown select{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background-color:var(--color-white);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.sort-dropdown select:focus{outline:none;border-color:var(--color-coral)}.products-layout{display:flex;gap:var(--space-8);align-items:flex-start}.products-content{flex:1;min-width:0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.no-products{text-align:center;padding:var(--space-16);background-color:var(--color-white);border-radius:var(--radius-xl)}.no-products-icon{font-size:4rem;display:block;margin-bottom:var(--space-4)}.no-products h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.no-products p{color:var(--color-gray-500);margin-bottom:var(--space-6)}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.filter-toggle{display:flex}.products-layout{flex-direction:column}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%;justify-content:space-between}.sort-dropdown label{display:none}}@media(max-width:600px){.products-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}}.cart-page{padding:var(--space-8) 0 var(--space-16);min-height:60vh}.page-title{font-size:var(--text-3xl);margin-bottom:var(--space-8)}.cart-empty-state{text-align:center;padding:var(--space-16);background-color:var(--color-white);border-radius:var(--radius-xl)}.empty-icon{font-size:5rem;display:block;margin-bottom:var(--space-6)}.cart-empty-state h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.cart-empty-state p{color:var(--color-gray-500);margin-bottom:var(--space-8)}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:flex-start}.cart-items-section{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden}.cart-items-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);background-color:var(--color-gray-50);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-600)}.cart-items-list{padding:var(--space-6)}.cart-item-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);align-items:center;padding:var(--space-6) 0;border-bottom:1px solid var(--color-gray-100)}.cart-item-row:last-child{border-bottom:none}.cart-item-product{display:flex;gap:var(--space-4)}.cart-item-img{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-lg)}.cart-item-info h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.cart-item-category{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:capitalize;margin-bottom:var(--space-2)}.cart-item-price{font-weight:var(--font-semibold);color:var(--color-coral)}.remove-btn{font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:underline;margin-top:var(--space-2);transition:color var(--transition-fast)}.remove-btn:hover{color:var(--color-error)}.cart-item-quantity{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.cart-item-quantity button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-gray-600);background-color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-fast)}.cart-item-quantity button:hover:not(:disabled){background-color:var(--color-coral);color:var(--color-white)}.cart-item-quantity button:disabled{opacity:.5;cursor:not-allowed}.cart-item-quantity span{min-width:24px;text-align:center;font-weight:var(--font-semibold)}.cart-item-total{font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:right}.cart-actions{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-100)}.continue-shopping{font-size:var(--text-sm);color:var(--color-gray-600);transition:color var(--transition-fast)}.continue-shopping:hover{color:var(--color-coral)}.order-summary{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);position:sticky;top:100px}.order-summary h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}.promo-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-100)}.promo-input-group{display:flex;gap:var(--space-2)}.promo-input-group input{flex:1;padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm)}.promo-input-group input:focus{outline:none;border-color:var(--color-coral)}.promo-input-group button{padding:var(--space-3) var(--space-4);background-color:var(--color-black);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast)}.promo-input-group button:hover{background-color:var(--color-gray-800)}.promo-applied{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--color-mint);border-radius:var(--radius-md);color:#2a7d5f;font-size:var(--text-sm)}.promo-applied button{color:var(--color-gray-600);font-size:var(--text-xs);text-decoration:underline}.promo-error{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-2)}.summary-details{margin-bottom:var(--space-6)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-gray-600)}.summary-row.discount{color:#2a7d5f}.summary-row.total{border-top:2px solid var(--color-gray-200);margin-top:var(--space-3);padding-top:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-black)}.free-shipping-note{font-size:var(--text-xs);color:var(--color-coral);padding:var(--space-2) var(--space-3);background-color:var(--color-peach);border-radius:var(--radius-md);margin-top:var(--space-2)}.checkout-btn{width:100%;margin-bottom:var(--space-6)}.trust-badges{display:flex;flex-direction:column;gap:var(--space-3)}.badge-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}@media(max-width:1024px){.cart-layout{grid-template-columns:1fr}.order-summary{position:static}}@media(max-width:768px){.cart-items-header{display:none}.cart-item-row{grid-template-columns:1fr;gap:var(--space-4)}.cart-item-quantity{justify-self:flex-start}.cart-item-total{text-align:left}}@media(max-width:480px){.cart-item-product{flex-direction:column}.cart-item-img{width:100%;height:auto;aspect-ratio:1}}.checkout-page{padding:var(--space-8) 0 var(--space-16);min-height:60vh}.checkout-header{margin-bottom:var(--space-8)}.checkout-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-6)}.checkout-steps{display:flex;align-items:center;max-width:300px}.step{display:flex;align-items:center;gap:var(--space-2)}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-200);color:var(--color-gray-500);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-base)}.step.active .step-number{background-color:var(--color-coral);color:var(--color-white)}.step-label{font-size:var(--text-sm);color:var(--color-gray-500)}.step.active .step-label{color:var(--color-black);font-weight:var(--font-medium)}.step-line{flex:1;height:2px;background-color:var(--color-gray-200);margin:0 var(--space-4)}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);align-items:flex-start}.checkout-form{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8)}.form-section h2{font-size:var(--text-xl);margin-bottom:var(--space-6);font-family:var(--font-sans)}.form-section h2:not(:first-of-type){margin-top:var(--space-8)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-row-3{grid-template-columns:1fr 1fr 1fr}.back-btn{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-6);transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-coral)}.submit-btn{width:100%;margin-top:var(--space-8)}.payment-methods{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.payment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.payment-option:hover{border-color:var(--color-gray-300)}.payment-option.active{border-color:var(--color-coral);background-color:var(--color-peach)}.payment-option input{display:none}.payment-icon{font-size:var(--text-xl)}.card-details{margin-top:var(--space-4)}.shipping-summary{margin-top:var(--space-6);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.shipping-summary h3{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.shipping-summary p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6}.checkout-summary{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);position:sticky;top:100px}.checkout-summary h2{font-size:var(--text-xl);margin-bottom:var(--space-6);font-family:var(--font-sans)}.summary-items{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-100)}.summary-item{display:flex;align-items:center;gap:var(--space-3)}.summary-item-image{position:relative;width:60px;height:60px}.summary-item-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.quantity-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background-color:var(--color-coral);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.summary-item-info{flex:1}.summary-item-info h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.summary-item-info p{font-size:var(--text-xs);color:var(--color-gray-500)}.summary-item-total{font-weight:var(--font-semibold)}.summary-totals .summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-gray-600)}.summary-totals .discount{color:#2a7d5f}.summary-totals .total{border-top:2px solid var(--color-gray-200);margin-top:var(--space-3);padding-top:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-black)}.order-confirmation{text-align:center;max-width:600px;margin:0 auto;padding:var(--space-16);background-color:var(--color-white);border-radius:var(--radius-xl)}.confirmation-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-mint) 0%,#2a7d5f 100%);color:var(--color-white);font-size:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.order-confirmation h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.order-id{font-size:var(--text-lg);color:var(--color-gray-500);margin-bottom:var(--space-6)}.confirmation-message{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-8)}.confirmation-details{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.detail-item{display:flex;align-items:flex-start;gap:var(--space-3);text-align:left}.detail-item span:first-child{font-size:var(--text-2xl)}.detail-item strong{display:block;font-size:var(--text-sm);margin-bottom:var(--space-1)}.detail-item p{font-size:var(--text-sm);color:var(--color-gray-500)}.confirmation-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:1024px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{order:-1;position:static}}@media(max-width:768px){.checkout-form{padding:var(--space-6)}.form-row,.form-row-3{grid-template-columns:1fr}.confirmation-details{flex-direction:column;gap:var(--space-4)}}.dashboard-page{padding:var(--space-8) 0 var(--space-16);min-height:60vh}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-8);background-color:var(--color-white);border-radius:var(--radius-xl)}.profile-info{display:flex;align-items:center;gap:var(--space-4)}.profile-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-coral) 100%);color:var(--color-white);font-size:var(--text-2xl);font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.profile-info h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.profile-info p{color:var(--color-gray-500);font-size:var(--text-sm)}.points-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-lavender) 0%,var(--color-peach) 100%);border-radius:var(--radius-xl)}.points-icon{font-size:var(--text-2xl)}.points-count{font-size:var(--text-2xl);font-weight:var(--font-bold);display:block}.points-label{font-size:var(--text-xs);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:flex-start}.dashboard-sidebar{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);position:sticky;top:100px}.dashboard-nav{display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:all var(--transition-fast);text-align:left}.nav-item:hover{background-color:var(--color-gray-50)}.nav-item.active{background-color:var(--color-peach);color:var(--color-coral-dark);font-weight:var(--font-medium)}.nav-icon{font-size:var(--text-lg)}.dashboard-content{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8)}.tab-content h2{font-size:var(--text-xl);margin-bottom:var(--space-6);font-family:var(--font-sans)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.stat-icon{font-size:var(--text-2xl)}.stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);display:block}.stat-name{font-size:var(--text-xs);color:var(--color-gray-500)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.order-card{padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-id{font-weight:var(--font-semibold)}.order-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-delivered{background-color:var(--color-mint);color:#2a7d5f}.status-transit{background-color:var(--color-lavender);color:#6b4c9a}.status-processing{background-color:var(--color-peach);color:var(--color-coral-dark)}.order-details{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-gray-500)}.order-total{font-weight:var(--font-semibold);color:var(--color-black)}.view-all-btn{font-size:var(--text-sm);color:var(--color-coral);margin-top:var(--space-2)}.skin-profile-card{padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.profile-item{margin-bottom:var(--space-3)}.profile-item:last-child{margin-bottom:0}.item-label{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-1)}.item-value{font-weight:var(--font-medium);text-transform:capitalize}.concerns-tags{display:flex;gap:var(--space-2)}.concern-tag{padding:var(--space-1) var(--space-3);background-color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:capitalize}.orders-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card-full{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-gray-50)}.order-card-header .order-id{display:block;margin-bottom:var(--space-1)}.order-card-header .order-date{font-size:var(--text-sm);color:var(--color-gray-500)}.order-items{padding:var(--space-4)}.order-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-gray-100)}.order-item:last-child{border-bottom:none}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-gray-50)}.wishlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.empty-state{text-align:center;padding:var(--space-12)}.empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-gray-500);margin-bottom:var(--space-6)}.routine-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.routine-section h3{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-4)}.routine-steps{display:flex;flex-direction:column;gap:var(--space-3)}.routine-step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.step-number{width:32px;height:32px;background-color:var(--color-coral);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.step-content{flex:1}.step-content h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.step-time{font-size:var(--text-xs);color:var(--color-gray-500)}.check-icon{color:#2a7d5f;font-size:var(--text-lg)}.rewards-header{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-lavender) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.points-display{margin-bottom:var(--space-2)}.big-points{font-size:3rem;font-weight:var(--font-bold);display:block}.rewards-header p{color:var(--color-gray-600);font-size:var(--text-sm)}.rewards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.reward-card{padding:var(--space-6);background-color:var(--color-gray-50);border-radius:var(--radius-xl);text-align:center}.reward-card.featured{background:linear-gradient(135deg,var(--color-coral) 0%,#ff6b9d 100%);color:var(--color-white)}.reward-points{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-white);color:var(--color-coral);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.reward-card.featured .reward-points{background-color:#fff3;color:var(--color-white)}.reward-card h4{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-1)}.reward-card p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.reward-card.featured p{color:#fffc}.reward-card .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}.dashboard-nav{flex-direction:row;flex-wrap:wrap}.nav-item{flex:1;min-width:auto;justify-content:center}.nav-label{display:none}.wishlist-grid,.rewards-grid{grid-template-columns:repeat(2,1fr)}.routine-sections{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{flex-direction:column;text-align:center;gap:var(--space-4)}.profile-info{flex-direction:column}.stats-grid,.wishlist-grid,.rewards-grid{grid-template-columns:1fr}}.about-page{overflow-x:hidden}.about-hero{padding:var(--space-20) var(--space-6);background:linear-gradient(135deg,var(--color-mint) 0%,var(--color-cream) 100%);text-align:center}.about-hero .hero-content{max-width:700px;margin:0 auto}.about-hero .hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);background-color:#fffc;color:var(--color-gray-600);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);margin-bottom:var(--space-6)}.about-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;margin-bottom:var(--space-6)}.about-hero .highlight{background:linear-gradient(135deg,var(--color-coral) 0%,#ff6b9d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero p{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.8}.section-badge{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-peach);color:var(--color-coral-dark);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-header.text-center{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.section-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.section-header p{color:var(--color-gray-600)}.mission-section{background-color:var(--color-white)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.mission-image{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.mission-image img{width:100%;height:auto}.mission-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-6)}.mission-content p{color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--space-4)}.values-section{background-color:var(--color-gray-50)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.value-card{padding:var(--space-8);background-color:var(--color-white);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.value-card h3{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-3)}.value-card p{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.7}.ingredients-section{background-color:var(--color-white)}.ingredients-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.ingredients-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.ingredients-content>p{color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--space-8)}.ingredient-list{display:flex;flex-direction:column;gap:var(--space-4)}.ingredient-item{display:flex;align-items:flex-start;gap:var(--space-4)}.ingredient-icon{font-size:var(--text-2xl)}.ingredient-item h4{font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-1)}.ingredient-item p{font-size:var(--text-sm);color:var(--color-gray-500)}.ingredients-image{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.ingredients-image img{width:100%;height:auto}.team-section{background:linear-gradient(135deg,var(--color-lavender) 0%,var(--color-cream) 100%)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.team-card{padding:var(--space-8);background-color:var(--color-white);border-radius:var(--radius-xl);text-align:center}.team-avatar{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-coral) 100%);color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.team-card h3{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-1)}.team-role{display:block;font-size:var(--text-sm);color:var(--color-coral);margin-bottom:var(--space-3)}.team-card p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--color-peach) 0%,var(--color-coral) 100%);color:var(--color-white)}.cta-section .cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);color:var(--color-white)}.cta-section p{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8)}.cta-actions{display:flex;gap:var(--space-4);justify-content:center}.cta-section .btn-primary{background-color:var(--color-white);color:var(--color-coral)}.cta-section .btn-primary:hover{background-color:var(--color-gray-100)}.cta-section .btn-outline{border-color:var(--color-white);color:var(--color-white)}.cta-section .btn-outline:hover{background-color:var(--color-white);color:var(--color-coral)}@media(max-width:1024px){.mission-grid,.ingredients-grid{grid-template-columns:1fr;gap:var(--space-8)}.mission-image,.ingredients-image{order:-1;max-width:500px;margin:0 auto}.values-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}