[hidden] { display: none !important; }
html { scroll-padding-top: 100px; }
body { overflow-x: clip; }
:focus-visible { outline: 3px solid #b87815; outline-offset: 5px; }
.skip-link { position: fixed; top: 12px; left: 12px; transform: translateY(-180%); background: #fff; color: #193019; padding: 14px 20px; z-index: 10000; border-radius: 8px; }
.skip-link:focus { transform: none; }
.icon { display: inline-block; font-style: normal; line-height: 1; }
.fade-up { opacity: 1; transform: none; }
.js-animate .fade-up { opacity: 0; transform: translateY(20px); }
.js-animate .fade-up.visible, .js-animate .hero .fade-up { opacity: 1; transform: none; }
.hero { background-size: cover; background-position: center; }
.hero-motion { position: absolute; bottom: 24px; right: 24px; z-index: 5; background: #183119; color: #fff; border: 1px solid #ffffff88; padding: 12px 16px; border-radius: 30px; cursor: pointer; }
.product-card-cta { display: inline-block; text-decoration: none; white-space: normal; }
.product-navigation { display: flex; gap: 12px; }
.product-navigation button { border: 1px solid #bacbb3; color: #2b4a2b; background: #fff; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; font-size: 22px; }
.product-card-price, .eggs-price { white-space: normal; }
.gallery-title { font-size: clamp(1.5rem, 4vw, 2.8rem); color: #1e3a1e; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding: 16px; white-space: normal; line-height: 1.3; }
.back-home { display: inline-block; color: #284c2a; padding: 12px 16px; margin-bottom: 16px; text-decoration: none; border: 1px solid #bacbb3; border-radius: 24px; }
.gallery-status { margin: 16px 0 24px; text-align: center; color: #2d4a2d; }
.filter-btn, .play-badge { font-family: inherit; cursor: pointer; min-height: 44px; }
.filter-btn { color: #284c2a; }
.filter-btn.active { color: #fff; }
.media-wrapper video { background: #142413; object-fit: contain; }
.video-indicator { pointer-events: none; }
.gallery-footer { text-align: center; padding: 24px 16px 48px; background: #edf3e6; line-height: 2; }
.gallery-footer a { color: #284c2a; }
.footer-bottom { padding-bottom: 90px; }
@media (max-width: 768px) {
 .hero { height: auto; min-height: min(680px, 100svh); padding: 130px 20px 90px; }
 .hero h1 { font-size: clamp(2rem, 8vw, 3.6rem); line-height: 1.15; }
 .hero .hero-content { width: 100%; }
 .hero-actions a { padding: 14px 20px; min-height: 48px; }
 .product-card { flex-basis: min(320px, 84vw); }
 .hero-motion { bottom: 14px; right: 14px; }
 .gallery-title img { width: 44px; height: 44px; }
 .gallery-section { padding-left: 16px; padding-right: 16px; }
 .gallery-filters { gap: 8px; }
 .gallery-float { bottom: max(16px, env(safe-area-inset-bottom)); left: 12px; }
 .whatsapp-float { bottom: max(16px, env(safe-area-inset-bottom)); right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto !important; }
 *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
 .fade-up, .js-animate .fade-up { opacity: 1 !important; transform: none !important; }
}
.gallery-title img { width: 50px; height: 50px; object-fit: contain; }
@media (max-width: 768px) { .gallery-title img { width: 40px; height: 40px; } }
.section-label, .scroll-hint, .stat-label, .why-card p, .product-card-body .desc { color: #4b6046; }