@import"https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #3d8b5f;--color-primary-dark: #2d6f4a;--color-primary-light: #5db382;--color-secondary: #b8864a;--color-secondary-dark: #a6733d;--color-secondary-light: #c9a06a;--color-accent: #6b8a56;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-info: #3b82f6;--color-info-light: #dbeafe;--bg-primary: #2d4a2f;--bg-secondary: #4a6b4d;--bg-gradient: linear-gradient(135deg, #3d8b5f 0%, #6b8a56 50%, #b8864a 100%);--bg-card: rgba(250, 248, 240, .95);--bg-overlay: rgba(0, 0, 0, .4);--font-primary: "Tenor Sans", serif;--font-display: "Tenor Sans", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 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);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 1000;--z-modal: 1001;--z-tooltip: 2000}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;z-index:10000;font-weight:var(--font-weight-bold);border-radius:0 0 var(--radius-md) 0;opacity:0;pointer-events:none;transition:top .2s ease,opacity .2s ease}.skip-link:focus{top:0;opacity:1;pointer-events:auto;outline:3px solid var(--color-white);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3d8b5f33}@media (prefers-contrast: high){:root{--color-primary: #2d6b47;--color-gray-800: #000000;--color-gray-700: #1a1a1a}.card{border:2px solid var(--color-gray-800)}}.dyslexia-friendly{font-family:Comic Sans MS,OpenDyslexic,sans-serif;letter-spacing:.05em;word-spacing:.1em}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}html,body{margin:0;padding:0;background-color:#2d4a2f;background-image:linear-gradient(#2d4a2f4d,#3d8b5f4d),url(/images/nature-background.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh}.app{position:relative;z-index:0}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/nature-background.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;z-index:-2;opacity:.8}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#2d4a2f40,#3d8b5f40);z-index:-1}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-800);min-height:100vh;padding-top:70px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:transparent!important;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.navbar{position:fixed;top:0;left:0;right:0;width:100%;background:#2d4a2ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);z-index:var(--z-fixed);border-bottom:2px solid rgba(61,139,95,.3)}.nav-container{display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);position:relative}.nav-brand{display:flex;align-items:center;color:var(--color-white);text-decoration:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-display);letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);transition:transform var(--transition-base)}.nav-brand:hover{transform:scale(1.05);text-shadow:0 2px 10px rgba(0,0,0,.2)}.logo-img{height:32px;width:auto;margin-right:var(--spacing-sm);vertical-align:middle}.nav-search{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 var(--spacing-lg);flex:1;max-width:400px}.nav-search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:#ffffffe6;transition:all var(--transition-base);font-family:var(--font-primary)}.nav-search-input:focus{outline:none;background:var(--color-white);border-color:var(--color-white);box-shadow:var(--shadow-md)}.nav-search-input::placeholder{color:var(--color-gray-400)}.nav-search-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}.nav-search-btn:hover{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white);transform:translateY(-1px)}.nav-menu{display:flex;list-style:none;padding:0;margin:0 0 0 auto;gap:var(--spacing-xs)}.nav-link{display:block;color:#ffffffe6;text-align:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);position:relative;transition:all var(--transition-base);border-radius:var(--radius-md)}.nav-link i{margin-right:var(--spacing-sm);font-size:var(--font-size-base)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--color-white);transition:all var(--transition-base);transform:translate(-50%);border-radius:var(--radius-full)}.nav-link:hover{color:var(--color-white);background:#ffffff1a}.nav-link:hover:after{width:80%}.nav-link.active{color:var(--color-white);background:#ffffff26;font-weight:var(--font-weight-semibold)}.nav-link.active:after{width:80%;background:var(--color-white)}.nav-toggle{display:none;background:none;border:none;color:var(--color-white);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-sm);transition:transform var(--transition-base);margin-left:auto}.nav-toggle:hover{transform:scale(1.1)}.cart-button{position:relative;background:#fff3;border:2px solid rgba(255,255,255,.4);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);margin-right:var(--spacing-md);font-size:var(--font-size-lg)}.cart-button:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--color-error);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 8px;border-radius:var(--radius-full);min-width:24px;height:24px;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.cart-count.show{display:flex}.container{max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.header{text-align:center;margin-bottom:var(--spacing-3xl);color:var(--color-white);text-shadow:2px 2px 8px rgba(0,0,0,.5)}.header h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3);color:var(--color-white)}.header p{font-size:var(--font-size-xl);opacity:.95;color:var(--color-white)}.card{background:#faf8f0f2;border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);border:1px solid rgba(61,139,95,.3)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.btn{background:var(--bg-gradient);color:var(--color-white);padding:var(--spacing-md) var(--spacing-2xl);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-base);box-shadow:var(--shadow-md);font-family:var(--font-primary)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--bg-gradient)}.btn-secondary{background:linear-gradient(135deg,var(--color-gray-600) 0%,var(--color-gray-700) 100%)}.btn-large{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-3xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base);background:var(--color-white)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.product-grid,.products-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,280px));gap:var(--spacing-xl);margin-top:var(--spacing-xl);width:100%;justify-content:start}.product-card{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);width:100%;max-width:280px;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.product-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--color-gray-100)}.product-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.product-card:hover .product-image-container img{transform:scale(1.1)}.product-info{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.product-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--line-height-tight)}.product-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:var(--spacing-sm) 0}.product-stats{display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-sm);color:var(--color-gray-600)}.product-link{display:block;text-align:center;padding:var(--spacing-md);background:var(--bg-gradient);color:var(--color-white);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md)}.product-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;align-items:center;justify-content:center;padding:var(--spacing-xl);animation:fadeIn var(--transition-base)}.modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-2xl);max-width:800px;width:100%;max-height:90vh;position:relative;box-shadow:var(--shadow-2xl);animation:slideIn var(--transition-base);display:flex;flex-direction:column;overflow:hidden;margin:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:#0000001a;border:none;color:var(--color-gray-700);font-size:var(--font-size-3xl);width:44px;height:44px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);z-index:10;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#0003;transform:rotate(90deg)}.hidden{display:none!important}.text-center{text-align:center}.text-white{color:var(--color-white)}.bg-white{background:var(--color-white)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.hero-section{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);margin:calc(var(--spacing-xl) * -1) calc(var(--spacing-lg) * -1) var(--spacing-3xl) calc(var(--spacing-lg) * -1);background:linear-gradient(135deg,#f0a7954d,#764ba24d);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.hero-content{position:relative;z-index:1}.hero-title{font-size:var(--font-size-5xl);color:var(--color-white);margin-bottom:var(--spacing-lg);text-shadow:2px 2px 4px rgba(0,0,0,.2);font-weight:var(--font-weight-normal);letter-spacing:2px}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--color-white);margin-bottom:var(--spacing-3xl);opacity:.95}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.featured-section{margin:var(--spacing-3xl) 0}.section-title{text-align:center;font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-family:var(--font-display)}.section-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-white);opacity:.9;margin-bottom:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}.feature-card{background:#fffffff2;padding:var(--spacing-3xl) var(--spacing-2xl);border-radius:var(--radius-2xl);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:var(--font-size-5xl);color:var(--color-secondary);margin-bottom:var(--spacing-lg)}.feature-card h3{color:var(--color-gray-900);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}footer{text-align:center;margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.1);color:var(--color-white);opacity:.9}footer a{color:var(--color-white);text-decoration:none;transition:opacity var(--transition-base);margin:0 var(--spacing-sm)}footer a:hover{opacity:.7}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.social-gallery-section{margin:var(--spacing-3xl) 0}.social-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}@media (max-width: 768px){button,a,[role=button],input[type=submit],input[type=button]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}.card{padding:1rem!important}body{overflow-x:hidden}p,li,span{line-height:1.6}}.instagram-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,280px));gap:var(--spacing-lg);margin:var(--spacing-xl) 0;justify-content:center}@media (max-width: 768px){.instagram-gallery{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:var(--spacing-md) 0}.instagram-photo{max-width:100%}}.instagram-photo{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);max-width:280px;width:100%}.instagram-photo:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-xl)}.instagram-photo img{width:100%;height:100%;object-fit:cover;display:block}.instagram-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;background:var(--color-gray-900);z-index:0;transition:opacity var(--transition-base)}.instagram-video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity var(--transition-base);pointer-events:none}.instagram-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-5xl);color:var(--color-white);opacity:1;text-shadow:0 2px 15px rgba(0,0,0,.7);pointer-events:none;z-index:3;transition:opacity var(--transition-base)}.social-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-3xl)}.social-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);color:var(--color-white);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.social-link.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link.pinterest{background:#e60023}.social-link.facebook{background:#1877f2}.social-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.filter-sidebar{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-height:calc(100vh - 120px);position:sticky;top:90px;box-shadow:var(--shadow-lg);overflow-y:auto}.filter-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200)}.filter-sidebar-header h2{color:var(--color-primary);font-size:var(--font-size-2xl);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.filter-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.filter-section:last-child{border-bottom:none}.filter-section h3{color:var(--color-gray-900);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--color-white);cursor:pointer;transition:border-color var(--transition-base);font-family:var(--font-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary)}.products-area{min-width:0;width:100%}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.results-count{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width: 992px){.shop-layout{grid-template-columns:1fr}.filter-sidebar{position:fixed;top:0;left:-100%;width:85%;max-width:350px;height:100vh;z-index:var(--z-modal);overflow-y:auto;transition:left var(--transition-base);box-shadow:var(--shadow-xl)}.filter-sidebar.active{left:0}.filter-toggle-container{display:block;margin-bottom:var(--spacing-lg)}.filter-toggle-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.filter-toggle-btn:hover{background:var(--color-primary);color:var(--color-white)}}@media (max-width: 768px){body{padding-top:60px}.header h1,.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}.card{padding:var(--spacing-lg)}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.features-grid{grid-template-columns:1fr}.social-gallery{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.nav-toggle{display:block}.nav-search{display:none}.mobile-search-container{display:block;margin-bottom:var(--spacing-lg)}.mobile-search{display:flex;gap:var(--spacing-sm);background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.mobile-search-input{flex:1;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-primary)}.mobile-search-input:focus{outline:none;border-color:var(--color-primary)}.mobile-search-btn{background:var(--bg-gradient);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base)}.mobile-search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-menu{display:flex;position:fixed;left:-100%;top:60px;flex-direction:column;background:var(--bg-gradient);width:100%;text-align:center;transition:left var(--transition-base);box-shadow:var(--shadow-xl);padding:var(--spacing-lg) 0;z-index:var(--z-sticky)}.nav-menu.active{left:0}.nav-menu li{display:block;width:100%}.nav-link{display:block;padding:var(--spacing-md) var(--spacing-lg);width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.nav-link:after{display:none}.section-title{font-size:var(--font-size-3xl)}.social-links{flex-direction:column;align-items:center}.social-link{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.container{padding:var(--spacing-md)}.product-grid{grid-template-columns:1fr}.hero-title,.header h1{font-size:var(--font-size-3xl)}}.care-tip{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-secondary);box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.care-tip:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.care-tip h3{color:var(--color-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.care-tip p{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.care-icon{font-size:var(--font-size-3xl);color:var(--color-secondary)}.do-dont-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.do-card{background:var(--color-success-light);border:2px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.dont-card{background:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.do-card h3{color:var(--color-success);margin-top:0}.dont-card h3{color:var(--color-error);margin-top:0}.do-card ul,.dont-card ul{list-style:none;padding:0}.do-card li,.dont-card li{padding:var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.do-card li:before{content:"✓ ";color:var(--color-success);font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}.dont-card li:before{content:"✗ ";color:var(--color-error);font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}.faq-section{margin-bottom:var(--spacing-lg)}.faq-question{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.faq-question:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.faq-question h3{margin:0;color:var(--color-gray-900);font-size:var(--font-size-lg)}.faq-answer{background:var(--color-gray-50);padding:0 var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;display:block}.faq-answer.active{max-height:1000px;padding:var(--spacing-lg)}.faq-answer p{color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin:0}.faq-icon{transition:transform .3s ease;color:var(--color-accent);margin-left:var(--spacing-sm)}.faq-icon.open{transform:rotate(180deg)}.loading{text-align:center;padding:var(--spacing-3xl);color:var(--color-gray-500)}.error{background:var(--color-error-light);color:var(--color-error);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;border:1px solid var(--color-error)}.success{background:var(--color-success-light);color:var(--color-success);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;border:1px solid var(--color-success)}.reviews-section{margin:var(--spacing-3xl) 0;padding:var(--spacing-3xl);background:#ffffff0d;border-radius:var(--radius-2xl)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}.review-card{background:var(--bg-card);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.review-stars{color:gold;margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.review-text{color:var(--color-gray-700);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);font-style:italic}.review-author{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.product-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:var(--z-modal);overflow-y:auto;align-items:center;justify-content:center;padding:var(--spacing-xl)}.product-modal.active{display:flex}.modal-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl);overflow-y:auto;flex:1;min-height:0;align-items:start;transition:all var(--transition-base)}.modal-image{width:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-gray-100);max-height:500px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all var(--transition-base)}.modal-image:hover{transform:scale(1.02)}.modal-image img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.modal-details{display:flex;flex-direction:column;overflow-y:auto;max-height:100%;min-width:0}.modal-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.modal-price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xl)}.modal-description,.modal-section{margin-bottom:var(--spacing-lg)}.modal-description h3,.modal-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-700);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.modal-description p,.modal-section p{color:var(--color-gray-600);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.cart-modal-content{max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl);position:relative}.cart-modal-content h2{flex:0 0 auto;margin-bottom:var(--spacing-lg);position:relative;z-index:2;font-size:var(--font-size-3xl);color:var(--color-gray-900);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.cart-items{flex:0 0 auto;overflow-y:visible;max-height:none;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-lg);display:block!important;visibility:visible!important;opacity:1!important;width:100%;position:relative;z-index:1}.cart-item{display:grid!important;grid-template-columns:100px 1fr auto;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-base);width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;position:relative;z-index:1}.cart-item:hover{background:var(--color-gray-100)}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-lg)}.cart-item-details h4{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.cart-item-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-md)}.quantity-btn{width:32px;height:32px;border:2px solid var(--color-gray-300);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-600);transition:all var(--transition-fast)}.quantity-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f8f9ff}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.cart-item-subtotal{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.cart-item-remove{background:none;border:none;color:var(--color-error);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-fast)}.cart-item-remove:hover{color:red;transform:scale(1.2)}.cart-total{border-top:2px solid var(--color-gray-200);padding-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex:0 0 auto;margin-top:auto}.cart-total-row{display:flex;justify-content:space-between;font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.cart-total-final{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);padding-top:var(--spacing-md);border-top:2px solid var(--color-gray-200)}.cart-actions{display:flex;gap:var(--spacing-md);flex:0 0 auto;margin-top:0;padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-200)}.cart-actions .btn{flex:1}@media (max-width: 768px){.modal-content{max-width:95%;max-height:95vh}.modal-body{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.modal-title{font-size:var(--font-size-2xl)}.modal-price{font-size:var(--font-size-3xl)}.cart-item{grid-template-columns:80px 1fr;gap:var(--spacing-md)}.cart-item-image{width:80px;height:80px}.cart-item-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between}.cart-actions{flex-direction:column}}.modal-image-gallery{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-gallery-main{position:relative;width:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-gray-100);aspect-ratio:4 / 3;max-height:500px}.modal-gallery-slide{display:none;width:100%;height:100%;position:relative;cursor:pointer;transition:transform var(--transition-fast)}.modal-gallery-slide:hover{transform:scale(1.02)}.modal-gallery-slide.active{display:block}.modal-gallery-slide img{width:100%;height:100%;object-fit:contain;display:block}.modal-gallery-prev,.modal-gallery-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:44px;height:44px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-gray-900);transition:all var(--transition-base);z-index:5;box-shadow:var(--shadow-md)}.modal-gallery-prev{left:var(--spacing-md)}.modal-gallery-next{right:var(--spacing-md)}.modal-gallery-prev:hover,.modal-gallery-next:hover{background:var(--color-white);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-lg)}.modal-gallery-thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-gray-200)}.modal-gallery-thumbnails::-webkit-scrollbar{height:6px}.modal-gallery-thumbnails::-webkit-scrollbar-track{background:var(--color-gray-200);border-radius:var(--radius-sm)}.modal-gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}.modal-gallery-thumb{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all var(--transition-base);background:var(--color-gray-100)}.modal-gallery-thumb:hover{border-color:var(--color-primary);transform:scale(1.05)}.modal-gallery-thumb.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #667eea4d}.modal-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);transition:all var(--transition-base);opacity:0;visibility:hidden}.product-card:hover .product-overlay{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 70%,transparent 100%);opacity:1;visibility:visible}.product-overlay-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight);text-shadow:0 2px 4px rgba(0,0,0,.3)}.product-overlay-price{color:gold;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.out-of-stock-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ef4444f2;color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md);z-index:10}.cart-notification{position:fixed;bottom:-100px;right:var(--spacing-2xl);background:var(--bg-gradient);color:var(--color-white);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip);display:flex;align-items:center;gap:var(--spacing-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.cart-notification.show{bottom:var(--spacing-2xl)}.cart-notification i{font-size:var(--font-size-xl)}.card-gradient{background:var(--bg-gradient);color:var(--color-white);text-align:center}.card-gradient h2,.card-gradient h3{color:var(--color-white)}.card-gradient p{color:#fffffff2;line-height:var(--line-height-relaxed);font-size:var(--font-size-lg)}.card-gradient .btn{background:var(--color-white);color:var(--color-primary);margin-top:var(--spacing-sm)}.card-gradient .btn:hover{background:#ffffffe6;transform:translateY(-2px)}.seasonal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.season-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid}.season-card.summer{background:#fff3cd;border-color:#ffc107}.season-card.summer h3{color:#ff6b6b}.season-card.winter{background:#d1ecf1;border-color:#17a2b8}.season-card.winter h3{color:#4a90e2}.season-card p{color:var(--color-gray-700)}.icon-large{font-size:var(--font-size-5xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.gift-card-showcase{background:var(--bg-gradient);padding:var(--spacing-3xl);border-radius:var(--radius-2xl);text-align:center;color:var(--color-white);margin-bottom:var(--spacing-3xl)}.gift-card-showcase h2{color:var(--color-white);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg)}.gift-card-showcase p{color:#fffffff2;font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl)}.gift-card-image{display:flex;flex-direction:column;align-items:center;justify-content:center}.gift-card-image i{font-size:var(--font-size-5xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.gift-card-image h3{color:var(--color-primary);margin:0}.gift-card-image p{color:var(--color-secondary);font-size:var(--font-size-xl);margin-top:var(--spacing-sm)}.gift-card-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.amount-card{background:var(--bg-card);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);border:3px solid transparent;box-shadow:var(--shadow-md)}.amount-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.amount-card.selected{border-color:var(--color-primary);background:#f0f4ff}.amount-card .amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.amount-card .description{color:var(--color-gray-600);font-size:var(--font-size-sm)}.custom-amount{margin-top:var(--spacing-2xl);text-align:center}.custom-amount input{font-size:var(--font-size-2xl);padding:var(--spacing-md) var(--spacing-xl);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);width:200px;text-align:center;transition:border-color var(--transition-base)}.custom-amount input:focus{outline:none;border-color:var(--color-primary)}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.benefit-card{background:var(--bg-card);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}.benefit-icon{font-size:var(--font-size-5xl);color:var(--color-accent);margin-bottom:var(--spacing-md)}.benefit-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.benefit-card p{color:var(--color-gray-600);line-height:1.6}.text-gradient{background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}