@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Text:ital@0;1&display=swap";:root{--dark-green: #183D28;--cream: #D2C8B3;--yellow: #FDBA12;--orange: #F36E21;font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--dark-green);background-color:var(--cream);background-image:url(/assets/background-topography-CzTdJ8vI.jpeg);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--dark-green);text-decoration:inherit}a:hover{color:var(--orange)}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Text",serif;font-size:3.2em;line-height:1.1;color:var(--dark-green)}button{border-radius:8px;border:2px solid var(--dark-green);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:"DM Sans",inherit;background-color:var(--dark-green);color:var(--cream);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}button:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);border-color:var(--orange);color:var(--dark-green);font-weight:600}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{font-family:DM Sans,sans-serif;padding-top:70px}@media (max-width: 480px){body{padding-top:60px}}button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}button:hover:before{opacity:1}.navbar{position:fixed;top:0;left:0;width:100%;background-color:var(--dark-green);box-shadow:0 2px 10px #183d284d;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo a{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.nav-logo a:hover{transform:scale(1.05)}.logo-image{height:40px;width:auto;transition:all .3s ease;filter:brightness(0) invert(1)}.nav-logo a:hover .logo-image{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(35deg)}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{font-family:DM Sans,sans-serif;color:var(--cream);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-link:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);color:var(--dark-green);transform:translateY(-2px)}.nav-link:active{transform:translateY(0)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.nav-toggle .bar{width:25px;height:3px;background-color:var(--cream);margin:3px 0;transition:all .3s ease;border-radius:2px}.nav-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px);background-color:var(--yellow)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);background-color:var(--yellow)}@media screen and (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:var(--dark-green);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;transition:left .3s ease;gap:0}.nav-menu.active{left:0}.nav-link{padding:1rem 2rem;width:200px;text-align:center;margin:.5rem 0;border-radius:8px;font-size:1.1rem}.nav-link:hover{transform:scale(1.05)}}@media screen and (max-width: 480px){.nav-container{padding:0 .5rem;height:60px}.logo-image{height:32px}.nav-menu{top:60px;height:calc(100vh - 60px)}.nav-link{width:180px;font-size:1rem}}html{scroll-behavior:smooth}body{padding-top:70px}@media screen and (max-width: 480px){body{padding-top:60px}}.product-item{background-color:#fff;border:2px solid var(--dark-green);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #183d281a;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.product-image-container{width:100%;aspect-ratio:3/2;margin-bottom:1rem;border-radius:8px;overflow:hidden;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-image:hover{transform:scale(1.05)}.product-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;text-align:center}.placeholder-icon{font-size:2.5rem;margin-bottom:.5rem}.placeholder-text{font-size:.9rem;font-weight:500}.product-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #183d2833;border-color:var(--orange)}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.product-name{font-family:"DM Serif Text",serif;font-size:1.4rem;color:var(--dark-green);margin:0;line-height:1.3;flex:1}.product-category{background-color:var(--cream);color:var(--dark-green);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap;border:1px solid var(--dark-green)}.product-body{flex:1;margin-bottom:1.5rem}.product-description{color:#555;line-height:1.6;margin:0;font-size:.95rem}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.product-price{font-family:"DM Serif Text",serif;font-size:1.5rem;font-weight:700;color:var(--dark-green)}.add-to-cart-btn{background-color:var(--dark-green);color:var(--cream);border:2px solid var(--dark-green);padding:.75rem 1.5rem;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.add-to-cart-btn:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);border-color:var(--orange);color:var(--dark-green);transform:scale(1.05)}.add-to-cart-btn:active{transform:scale(.98)}@media (max-width: 480px){.product-item{padding:1.5rem}.product-header{flex-direction:column;align-items:flex-start;gap:.5rem}.product-category{align-self:flex-end}.product-footer{flex-direction:column;align-items:stretch;text-align:center}.add-to-cart-btn{width:100%}}.filter-container{background-color:#fff;border:2px solid var(--dark-green);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #183d281a;height:fit-content;position:sticky;top:90px;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--cream);transition:all .3s ease}.filter-header:hover{border-bottom-color:var(--orange)}.filter-title{font-family:"DM Serif Text",serif;font-size:1.3rem;color:var(--dark-green);margin:0;transition:color .3s ease}.filter-header:hover .filter-title{color:var(--orange)}.collapse-btn{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;width:32px;height:32px}.collapse-btn:hover{background-color:var(--cream);transform:scale(1.1)}.chevron{width:12px;height:12px;border-right:2px solid var(--dark-green);border-bottom:2px solid var(--dark-green);transform:rotate(45deg);transition:all .3s ease}.collapse-btn.collapsed .chevron{transform:rotate(-135deg)}.collapse-btn:hover .chevron{border-color:var(--orange)}.filter-options{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:1}.filter-options.collapsed{max-height:0;opacity:0;margin-top:0}.filter-btn{background-color:transparent;color:var(--dark-green);border:2px solid var(--dark-green);padding:.75rem 1rem;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.95rem}.filter-btn:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);color:var(--dark-green);border-color:var(--orange);transform:translate(4px)}.filter-btn.active{background-color:var(--dark-green);color:var(--cream);font-weight:600}.filter-btn.active:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);color:var(--dark-green);border-color:var(--orange)}@media (max-width: 1024px){.filter-container{position:static;margin-bottom:2rem}}@media (max-width: 768px){.filter-container{padding:1rem}.filter-header{margin-bottom:1rem;padding-bottom:.5rem}.filter-title{font-size:1.2rem}.filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.filter-options.collapsed{display:none}.filter-btn{text-align:center;padding:.6rem .75rem;font-size:.9rem}.filter-btn:hover{transform:translate(0) scale(1.02)}.collapse-btn{width:28px;height:28px}.chevron{width:10px;height:10px}}.product-list{max-width:1200px;margin:0 auto;padding:2rem 1rem}.product-list-title{font-family:"DM Serif Text",serif;font-size:2.5rem;color:var(--dark-green);text-align:center;margin-bottom:2rem}.product-content{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.products-main{min-width:0}.product-count{background-color:var(--cream);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;color:var(--dark-green);border:1px solid var(--dark-green)}.category-indicator{color:var(--orange);font-weight:600}.filter-sidebar{order:2}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;padding:2rem 1rem}@media (max-width: 1024px){.product-content{grid-template-columns:1fr;gap:1.5rem}.filter-sidebar{order:-1}.product-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;padding:2rem 1rem}}@media (max-width: 768px){.product-list{padding:1rem .5rem}.product-list-title{font-size:2rem}.product-grid{grid-template-columns:1fr;gap:2.5rem;padding:1rem .5rem}.product-count{padding:.75rem;font-size:.95rem}}@media (max-width: 480px){.product-list-title{font-size:1.8rem}.product-content{gap:1rem}}#root{max-width:1280px;margin:0 auto;padding:70px 0 0;min-height:100vh;display:flex;flex-direction:column}@media (max-width: 480px){#root{padding-top:60px}}.main-content{flex:1;padding:2rem}.hero{text-align:center;padding:3rem 0;background:linear-gradient(135deg,var(--cream) 0%,#e8dcc0 100%);border-radius:12px;margin-bottom:3rem;box-shadow:0 4px 16px #183d281a}.hero-logo{width:70vw;height:auto;margin-bottom:1rem}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto 2rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:1rem 2rem;font-size:1.1rem;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.primary-btn{background-color:var(--dark-green);color:var(--cream);border:2px solid var(--dark-green)}.primary-btn:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);color:var(--dark-green);border-color:var(--orange)}.secondary-btn{background-color:transparent;color:var(--dark-green);border:2px solid var(--dark-green)}.secondary-btn:hover{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);color:var(--dark-green);border-color:var(--orange)}.products-section{background-color:#f8f6f0;border-radius:12px;margin:2rem 0;box-shadow:0 4px 16px #183d281a;scroll-margin-top:80px}.about-section{background-color:var(--cream);padding:4rem 2rem;scroll-margin-top:80px}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content h2{font-size:2.5rem;margin-bottom:2rem}.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#555}.contact-section{background:linear-gradient(135deg,var(--dark-green) 0%,#2a5a3a 100%);color:var(--cream);padding:4rem 2rem;scroll-margin-top:80px}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--cream)}.contact-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.contact-info{background-color:#d2c8b31a;border-radius:12px;padding:2rem;border:2px solid var(--cream)}.contact-info p{margin:1rem 0;font-size:1rem}.contact-info strong{color:var(--yellow)}.app-footer{background-color:var(--dark-green);color:var(--cream);text-align:center;padding:1.5rem;margin-top:auto}.app-footer p{margin:0;opacity:.9}@media (max-width: 768px){.hero-logo{width:70vw;margin-bottom:.75rem}.hero h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.primary-btn,.secondary-btn{width:200px}}@media (max-width: 480px){.hero-logo{width:70vw;margin-bottom:.5rem}}