:root{--color-primary: #2d5016;--color-primary-light: #4a7c23;--color-primary-dark: #1a3009;--color-secondary: #c9a227;--color-secondary-light: #e6c04a;--color-accent: #8b4513;--color-white: #ffffff;--color-off-white: #f8f6f0;--color-light-gray: #e8e6e0;--color-gray: #6b6b6b;--color-dark-gray: #333333;--color-black: #1a1a1a;--font-primary: "Playfair Display", Georgia, serif;--font-secondary: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", 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: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max: 1200px;--container-narrow: 800px;--border-radius: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-dark-gray);background-color:var(--color-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;color:var(--color-black)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.container--narrow{max-width:var(--container-narrow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:background var(--transition-base),box-shadow var(--transition-base)}.header--transparent{background:transparent;box-shadow:none}.header--transparent .nav__link{color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.3)}.header--transparent .nav__link:hover{color:var(--color-secondary-light)}.header--scrolled{background:#fffffffa;box-shadow:var(--shadow-md)}.header--scrolled .nav__link{color:var(--color-dark-gray);text-shadow:none}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo__image{height:100px;width:auto;display:block;margin:-20px 0}.logo__text{font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-gray)}.header--transparent .logo__text{color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.3)}.header--scrolled .logo__text{color:var(--color-dark-gray);text-shadow:none}.nav{display:none}.nav__list{display:flex;gap:var(--space-xl);list-style:none}.nav__link{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-gray);padding:var(--space-sm) 0;position:relative}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-secondary);transition:width var(--transition-base)}.nav__link:hover:after,.nav__link--active:after{width:100%}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.menu-toggle__bar{width:100%;height:3px;background:var(--color-dark-gray);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.header--transparent .menu-toggle__bar{background:var(--color-white);box-shadow:0 1px 2px #0000004d}.header--scrolled .menu-toggle__bar{background:var(--color-dark-gray);box-shadow:none}.menu-toggle--active .menu-toggle__bar:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.menu-toggle--active .menu-toggle__bar:nth-child(2){opacity:0}.menu-toggle--active .menu-toggle__bar:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d5016fa;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-nav--active{opacity:1;visibility:visible}.mobile-nav__list{list-style:none;text-align:center}.mobile-nav__item{margin:var(--space-lg) 0}.mobile-nav__link{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-white);opacity:0;transform:translateY(20px);transition:opacity var(--transition-base),transform var(--transition-base),color var(--transition-fast);display:inline-block}.mobile-nav--active .mobile-nav__link{opacity:1;transform:translateY(0)}.mobile-nav--active .mobile-nav__item:nth-child(1) .mobile-nav__link{transition-delay:.1s}.mobile-nav--active .mobile-nav__item:nth-child(2) .mobile-nav__link{transition-delay:.2s}.mobile-nav--active .mobile-nav__item:nth-child(3) .mobile-nav__link{transition-delay:.3s}.mobile-nav--active .mobile-nav__item:nth-child(4) .mobile-nav__link{transition-delay:.4s}.mobile-nav__link:hover{color:var(--color-secondary-light)}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom}.hero__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.hero__image{width:100%;height:100%;object-fit:cover;animation:fadeIn 1s ease-in-out;pointer-events:none;-webkit-user-drag:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero__bottom-bar{position:absolute;bottom:0;left:0;right:0;height:auto;min-height:140px;padding:var(--space-lg) 0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;display:none;align-items:center}.hero__bottom-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;text-align:center}.hero__text{flex:1;min-width:0}.hero__tagline{font-size:var(--font-size-sm);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-secondary-light);margin-bottom:var(--space-xs)}.hero__title{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);margin:0 0 var(--space-xs) 0;line-height:1.1}.hero__description{font-size:var(--font-size-sm);color:var(--color-white);line-height:1.5;margin:0;opacity:.95}.hero__cta{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;margin-top:var(--space-sm)}.hero__indicators{position:absolute;bottom:160px;left:50%;transform:translate(-50%);display:none;gap:var(--space-sm);z-index:10}.hero__indicator{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all var(--transition-base);padding:0}.hero__indicator:hover{background:#fffc;transform:scale(1.2)}.hero__indicator--active{background:var(--color-secondary);border-color:var(--color-secondary)}.hero__scroll-indicator{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);color:var(--color-white);opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:600;text-align:center;border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn--primary{background:var(--color-secondary);color:var(--color-black);border-color:var(--color-secondary)}.btn--primary:hover{background:var(--color-secondary-light);border-color:var(--color-secondary-light);color:var(--color-black);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--secondary{background:transparent;color:var(--color-white);border-color:var(--color-white)}.btn--secondary:hover{background:var(--color-white);color:var(--color-primary);transform:translateY(-2px)}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.btn--full-width{width:100%}.section{padding:var(--space-3xl) 0}.section--alt{background:var(--color-white)}.section__header{text-align:center;max-width:600px;margin:0 auto var(--space-3xl)}.section__tagline{font-size:var(--font-size-sm);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-sm)}.section__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.section__description{font-size:var(--font-size-lg);color:var(--color-gray)}.about{display:grid;gap:var(--space-3xl)}.about__image-container{position:relative}.about__image{width:100%;object-fit:cover;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.about__image-accent{position:absolute;bottom:-20px;right:-20px;width:150px;height:150px;background:var(--color-secondary);border-radius:var(--border-radius-lg);z-index:-1}.about__content{display:flex;flex-direction:column;justify-content:center}.about__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}.about__text{font-size:var(--font-size-lg);color:var(--color-gray);margin-bottom:var(--space-md);line-height:1.8}.about__signature{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-primary);margin-top:var(--space-lg)}.contact-cta{text-align:center}.contact-cta__text{font-size:var(--font-size-lg);color:var(--color-gray);margin-bottom:var(--space-lg)}.contact-cta__note{font-size:var(--font-size-sm);color:var(--color-gray);margin-top:var(--space-lg)}.featured-product{display:grid;gap:var(--space-2xl);align-items:center}.featured-product__gallery{position:relative}.featured-product__main-image{width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.featured-product__badge{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--color-secondary);color:var(--color-black);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:700}.featured-product__content{padding:var(--space-lg) 0}.featured-product__category{font-size:var(--font-size-sm);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-sm)}.featured-product__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.featured-product__description{font-size:var(--font-size-lg);color:var(--color-gray);margin-bottom:var(--space-lg);line-height:1.8}.featured-product__features{list-style:none;margin-bottom:var(--space-xl)}.featured-product__feature{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-dark-gray)}.featured-product__feature-icon{color:var(--color-primary);font-size:var(--font-size-lg)}.featured-product__price{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--space-lg)}.featured-product__price-note{font-size:var(--font-size-sm);color:var(--color-gray);font-family:var(--font-secondary);margin-left:var(--space-sm)}.products-grid{display:grid;gap:var(--space-2xl)}.product-card{background:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.product-card__image-container{position:relative;overflow:hidden;display:block}.product-card__image{width:100%;height:300px;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__badge{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--color-secondary);color:var(--color-black);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.product-card__content{padding:var(--space-lg)}.product-card__category{font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-gray);margin-bottom:var(--space-xs)}.product-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.product-card__title a{color:inherit}.product-card__title a:hover{color:var(--color-primary)}.product-card__description{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.product-card__footer{display:flex;align-items:center;justify-content:space-between}.product-card__price{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.product-card__link{font-weight:600;color:var(--color-secondary);display:flex;align-items:center;gap:var(--space-xs)}.product-card__link:hover{color:var(--color-primary)}.product-card__link--disabled{color:var(--color-gray);cursor:not-allowed}.product-card__placeholder{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-light-gray);color:var(--color-gray);gap:var(--space-md)}.product-detail{padding-top:calc(80px + var(--space-2xl));padding-bottom:var(--space-3xl)}.product-detail__breadcrumb{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--space-xl)}.product-detail__breadcrumb a{color:var(--color-gray)}.product-detail__breadcrumb a:hover{color:var(--color-primary)}.product-detail__grid{display:grid;gap:var(--space-2xl)}.product-detail__gallery{position:relative}.product-detail__main-image{width:100%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-md)}.product-detail__thumbnails{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm)}.product-detail__thumbnail{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius);cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast);flex-shrink:0}.product-detail__thumbnail:hover,.product-detail__thumbnail--active{border-color:var(--color-secondary)}.product-detail__info{padding:var(--space-lg) 0}.product-detail__category{font-size:var(--font-size-sm);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-sm)}.product-detail__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.product-detail__price{font-family:var(--font-primary);font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--space-lg)}.product-detail__description{font-size:var(--font-size-lg);color:var(--color-gray);line-height:1.8;margin-bottom:var(--space-xl)}.product-detail__features{background:var(--color-light-gray);padding:var(--space-lg);border-radius:var(--border-radius);margin-bottom:var(--space-xl)}.product-detail__features-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.product-detail__features-list{list-style:none}.product-detail__feature{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-white)}.product-detail__feature:last-child{border-bottom:none}.product-detail__feature-icon{color:var(--color-primary);margin-top:3px;flex-shrink:0}.product-detail__actions{display:flex;flex-direction:column;gap:var(--space-md)}.product-detail__stock{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.product-detail__stock-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%}.product-detail__buy-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-light-gray)}.product-detail__shipping-info{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--space-lg)}.product-detail__payment-note{font-size:var(--font-size-sm);color:var(--color-gray);margin-top:var(--space-md);text-align:center}.product-description{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-gray)}.product-description p{margin-bottom:var(--space-lg)}.product-description p:last-child{margin-bottom:0}.page-header{background:var(--color-primary);padding:calc(80px + var(--space-3xl)) 0 var(--space-3xl);text-align:center;color:var(--color-white)}.page-header__title{font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--space-md)}.page-header__description{font-size:var(--font-size-lg);opacity:.9;max-width:600px;margin:0 auto}.page-not-found{padding-top:calc(80px + var(--space-4xl));min-height:60vh;display:flex;align-items:center}.not-found__content{text-align:center}.not-found__title{font-size:8rem;color:var(--color-primary);line-height:1;margin-bottom:var(--space-md)}.not-found__subtitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.not-found__text{font-size:var(--font-size-lg);color:var(--color-gray);margin-bottom:var(--space-2xl)}.footer{background:var(--color-black);color:var(--color-white);padding:var(--space-3xl) 0 var(--space-xl)}.footer__grid{display:grid;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer__brand{max-width:300px}.footer__logo{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-white);margin-bottom:var(--space-md)}.footer__tagline{color:var(--color-gray);line-height:1.7}.footer__heading{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-lg)}.footer__links{list-style:none}.footer__link{color:var(--color-gray);padding:var(--space-xs) 0;display:block;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-secondary-light)}.footer__link--muted{opacity:.5}.footer__contact-item{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--color-gray);margin-bottom:var(--space-md)}.footer__contact-icon{color:var(--color-secondary);margin-top:2px}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-xl);text-align:center}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-gray)}.footer__social{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-md)}.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:var(--color-white);transition:background var(--transition-fast),color var(--transition-fast)}.footer__social-link:hover{background:var(--color-secondary);color:var(--color-black)}@media(min-width:768px){:root{--font-size-4xl: 3rem;--font-size-5xl: 4rem}.container{padding:0 var(--space-xl)}.nav{display:block}.menu-toggle{display:none}.hero__bottom-bar{display:flex;min-height:100px;padding:var(--space-md) 0}.hero__bottom-content{flex-direction:row;justify-content:space-between;text-align:left}.hero__title{font-size:var(--font-size-2xl)}.hero__description{font-size:var(--font-size-base);max-width:500px}.hero__indicators{display:flex;bottom:120px}.hero__cta{display:flex;flex-direction:row;gap:var(--space-md);margin-top:0;width:auto}.section{padding:var(--space-4xl) 0}.about{grid-template-columns:1fr 1fr;gap:var(--space-4xl)}.featured-product{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.product-detail__grid{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}@media(min-width:1024px){:root{--font-size-4xl: 3.5rem;--font-size-5xl: 4.5rem}.products-grid{grid-template-columns:repeat(3,1fr)}.product-detail__actions{flex-direction:row;align-items:center}}@media(min-width:1280px){.container{padding:0 var(--space-2xl)}}@media print{.header,.footer,.mobile-nav{display:none}.hero{min-height:0;padding:var(--space-xl)}.hero__background{display:none}.hero__content{color:var(--color-black)}}
