:root{--primary-orange: #CD6821;--primary-teal: #2A9D8F;--bg-white: #ffffff;--text-brown: #4A403A;--text-black: #1A1A1A;--accent-gold: #E9C46A}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Bitter,serif;color:var(--text-brown);line-height:1.6;background-color:var(--bg-white)}h1,h2{margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.site-logo{height:50px;width:auto;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease;border-radius:5px}.site-logo:hover{transform:rotate(5deg) scale(1.05)}.site-title{font-family:Abril Fatface,cursive;font-size:3rem;color:var(--primary-orange);text-transform:uppercase;letter-spacing:1px}.tribal-border{height:30px;width:100%;background-image:url(/assets/tribal-border-oSgn12SR.jpg);background-repeat:repeat-x;background-size:auto 100%;position:relative}.global-nav{background:#1a1a1a;color:#fff;padding:.6rem 0;font-size:.8rem;font-weight:500}.global-nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.global-nav a{color:#ccc;text-decoration:none;transition:color .3s}.global-nav a:hover{color:var(--accent-gold)}.main-site-links{display:flex;gap:1.5rem}.home-link{font-weight:700;color:#fff!important}.social-icon svg{display:block;fill:currentColor}.main-header{text-align:center;padding-bottom:2rem}.header-content{padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;position:relative}.header-actions{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:1rem}.site-title{font-size:4rem;margin-bottom:.5rem}.site-tagline{font-size:1.2rem;color:var(--primary-teal);font-weight:700}.hero-section{position:relative;height:60vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-image{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.hero-overlay{position:absolute;z-index:10;text-align:center;color:#fff;max-width:800px;padding:2rem;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2)}.hero-text h2{color:#fff;font-size:3rem;line-height:1.2;margin-bottom:1.5rem}.hero-text p{font-size:1.2rem;font-weight:300;line-height:1.6}.category-nav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;border-bottom:1px solid #eee}.category-nav ul{list-style:none;display:flex;justify-content:center;padding:1rem 1rem .5rem;gap:2rem}.category-nav a{text-decoration:none;color:var(--text-black);font-weight:700;text-transform:uppercase;font-size:.9rem;transition:color .3s}.category-nav a:hover{color:var(--primary-orange)}.search-container{padding:.5rem 1rem 1rem;max-width:600px;margin:0 auto}#plant-search{width:100%;padding:.8rem 1.2rem;border:1px solid #ddd;border-radius:30px;font-family:Bitter,serif;font-size:1rem;outline:none;transition:all .3s}.tag-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.tag-chip{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;background:#eee;color:#666}.tag-chip.tag-edible{background:#e9f5e9;color:#2d5a27}.tag-chip.tag-medicinal{background:#fff4e5;color:#b45309}.tag-chip.tag-ornamental{background:#eef2ff;color:#4338ca}.tag-chip.tag-construction{background:#fef2f2;color:#b91c1c}.tag-chip.tag-seeds{background:#fdf2f8;color:#be185d}.tag-chip.tag-produce{background:#f0fdf4;color:#15803d}.info-strip{background:#fdfdfd;border-bottom:1px solid #eee;padding:1.5rem 0}.info-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;gap:2rem;padding:0 1rem}.info-item{display:flex;align-items:center;gap:.8rem;color:var(--text-brown);font-size:.9rem}.info-item svg{color:var(--primary-orange)}.filter-bar{background:#fdfdfd;border-bottom:1px solid #eee;padding:1rem 0;position:sticky;top:60px;z-index:90}.filter-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2rem;padding:0 1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.8rem}.filter-label{font-size:.9rem;font-weight:700;color:var(--text-brown)}.filter-divider{height:24px;width:1px;background:#ddd}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-teal)}input:checked+.slider:before{transform:translate(22px)}.tag-btn{background:#f3f4f6;border:1px solid #ddd;color:var(--text-brown);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s}.tag-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.chat-widget{position:fixed;bottom:30px;right:30px;z-index:1000}.chat-toggle{width:60px;height:60px;background:var(--primary-teal);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;justify-content:center;transition:transform .3s}.chat-toggle:hover{transform:scale(1.1)}.chat-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chat-window.hidden{opacity:0;transform:translateY(20px) scale(.9);pointer-events:none}.chat-header{background:var(--primary-teal);color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;font-weight:700}.chat-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#f9f9f9}.msg{padding:.8rem 1rem;border-radius:12px;font-size:.9rem;max-width:85%;line-height:1.4}.msg.bot{background:#eee;color:var(--text-black);align-self:flex-start;border-bottom-left-radius:2px}.msg.user{background:var(--primary-teal);color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.chat-input-area{padding:1rem;border-top:1px solid #eee;display:flex;gap:.5rem}.chat-input-area input{flex:1;padding:.6rem;border:1px solid #ddd;border-radius:4px;outline:none}.chat-input-area button{background:var(--primary-teal);color:#fff;border:none;padding:0 1rem;border-radius:4px;cursor:pointer}.reveal{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s cubic-bezier(.2,.8,.2,1)}.reveal.reveal-active{opacity:1;transform:translateY(0) scale(1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.category-title{position:relative;overflow:hidden}.category-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--primary-orange);transform:translate(-101%);transition:transform 1s ease-out}.reveal-active .category-title:after{transform:translate(0)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary-teal);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{opacity:0;pointer-events:none}main{max-width:1200px;margin:3rem auto;padding:0 1rem}.category-section{margin-bottom:5rem}.category-title{font-size:2.5rem;margin-bottom:2rem;padding-left:1rem;border-left:8px solid var(--primary-teal)}.plant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.plant-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.plant-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #2d5a2726;border-color:var(--accent-light)}.plant-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--primary-orange);transition:width .3s ease}.plant-card:hover:before{width:12px}.plant-info{padding:1.25rem 1.25rem 1.25rem 1.8rem;display:flex;flex-direction:column;flex:1}.plant-name{font-size:1.5rem;margin-bottom:.25rem;color:var(--text-black)}.botanical-name{display:block;font-size:.9rem;font-style:italic;color:var(--primary-teal);margin-bottom:1rem}.plant-description{font-size:.95rem;margin-bottom:1rem}.plant-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.plant-price{font-weight:700;color:var(--primary-teal);font-size:1.2rem}.plant-status{font-size:.75rem;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;font-weight:700}.meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.stock-count{font-size:.7rem;color:#666;font-weight:700;text-transform:uppercase;background:#f0f0f0;padding:2px 6px;border-radius:4px}.plant-gallery{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fdfdfd;border-radius:8px;margin-bottom:1rem;cursor:pointer}.main-photo{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.plant-card:hover .main-photo{transform:scale(1.05)}.photo-count{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banana-optimized{border:3px solid transparent;transition:border-color .3s}.plant-card:hover .banana-optimized{border-color:var(--accent-gold)}.photo-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#ccc;border-radius:8px;margin-bottom:1rem}.photo-placeholder.sanctuary-bg{background:linear-gradient(135deg,#e9f0e8,#d4e0d2)}.placeholder-icon{font-size:3rem;filter:sepia(.5)}.card-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.useful-plants-link,.whatsapp-buy,.whatsapp-notify,.admin-photo-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.2rem;border-radius:30px;text-decoration:none;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.useful-plants-link{background:#f3f4f6;color:var(--text-brown);border:1px solid #e5e7eb}.useful-plants-link:hover{background:#fff;border-color:var(--primary-teal);color:var(--primary-teal);box-shadow:0 4px 12px #2a9d8f26}.whatsapp-buy,.whatsapp-notify{background:var(--primary-teal);color:#fff;box-shadow:0 4px 12px #2a9d8f33}.whatsapp-buy:hover,.whatsapp-notify:hover{background:var(--primary-orange);box-shadow:0 6px 15px #cd68214d;transform:translateY(-2px)}.admin-photo-btn{background:#fff;color:var(--primary-teal);border:2px dashed var(--primary-teal);margin-top:.5rem}.admin-photo-btn:hover{background:var(--primary-teal);color:#fff}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox.hidden{display:none}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 0 50px #00000080;border:1px solid rgba(255,255,255,.1)}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:2rem;padding:1rem;cursor:pointer;border-radius:50%;transition:background .3s}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-caption{margin-top:1rem;color:var(--accent-gold);font-weight:700;font-family:Outfit,sans-serif}@media(max-width:768px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-prev,.lightbox-next{padding:.5rem;font-size:1.5rem;background:#00000080}}.language-toggle{display:flex;align-items:center;gap:.5rem;background:#fffc;padding:.3rem .6rem;border-radius:20px;border:1px solid #ddd}.lang-btn{background:none;border:none;color:var(--text-brown);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s;opacity:.5}.lang-btn.active{opacity:1;color:var(--primary-orange)}.lang-btn:hover{opacity:1}.divider{color:#ccc}.voice-btn{background:none;border:none;color:var(--text-brown);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center;opacity:.6}.voice-btn:hover{opacity:1;background:#2a9d8f1a;color:var(--primary-teal)}.voice-btn.listening{color:#dc2626;animation:pulse 1.5s infinite;opacity:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.whatsapp-notify{margin-top:0}.whatsapp-notify svg{width:16px;height:16px;fill:currentColor}.main-footer{background:#fdfdfd;border-top:1px solid #eee}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 1rem}.footer-sections{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;text-align:left}.footer-info p{margin-bottom:.4rem;font-size:.85rem;color:#666}.footer-social .instagram-link{display:flex;align-items:center;gap:.6rem;color:var(--text-brown);text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .3s,color .3s}.footer-social .instagram-link:hover{color:var(--primary-orange);transform:translate(5px)}.footer-social svg{color:var(--primary-orange)}@media(max-width:768px){.global-nav-content{flex-direction:column;gap:.6rem}.main-site-links{gap:.8rem;flex-wrap:wrap;justify-content:center}.footer-sections{flex-direction:column;align-items:center;text-align:center}.site-title{font-size:2.5rem}.header-content{padding-top:4rem}.header-actions{top:.5rem;right:.5rem}.category-nav ul{gap:1rem;flex-wrap:wrap}}.cta-section{background:linear-gradient(135deg,#fdf4e3,#f9ebcf);padding:5rem 1rem;text-align:center;border-top:1px solid #f0e0c0;border-bottom:1px solid #f0e0c0;margin-top:3rem;position:relative;overflow:hidden}.cta-section:before{content:"🍃";position:absolute;top:-20px;left:-20px;font-size:8rem;opacity:.05;transform:rotate(-15deg)}.cta-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content h2{color:var(--primary-orange);font-size:2.5rem;margin-bottom:1.5rem}.cta-content p{font-size:1.2rem;margin-bottom:2.5rem;color:var(--text-brown);line-height:1.8}.cta-btn{display:inline-block;padding:1.2rem 2.8rem;background:var(--primary-teal);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;letter-spacing:.5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #2a9d8f40}.cta-btn:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2a9d8f59;background:#258a7e}.chocolate-promo{margin-top:1.5rem;padding:1rem;background:#6d4c410d;border-radius:12px;border-left:4px solid #6D4C41}.chocolate-link{display:flex;align-items:center;gap:.8rem;color:#6d4c41;font-weight:700;text-decoration:none;font-size:.95rem;transition:transform .3s ease,color .3s}.chocolate-link:hover{color:#4e342e;transform:translate(5px)}.chocolate-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}#app[data-page=farm-shop] .plant-card.reveal-active{border-color:#f0e0c0}.dorien-cta{background:linear-gradient(135deg,#121212,#2a2a2a)!important;border:1px solid rgba(255,255,255,.05)}.dorien-btn{box-shadow:0 10px 30px #2a9d8f4d}.icon-shield{display:inline-flex;padding:.5rem;background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000000d}.fan-gallery-section{text-align:center;padding:4rem 0;overflow:hidden}.fan-gallery-container{height:600px;display:flex;justify-content:center;align-items:center;perspective:1000px;margin-bottom:2rem;margin-top:1rem;overflow:visible}.fan-gallery{position:relative;width:300px;height:450px;transition:transform .3s ease;cursor:pointer;margin:0 auto}.fan-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background-size:cover;background-position:center;box-shadow:0 10px 30px #0003;border:4px solid white;transition:all .5s cubic-bezier(.25,.8,.25,1);transform-origin:center center}.fan-card:nth-child(1){transform:rotate(-15deg) translate(-40px,10px) scale(.9);z-index:1}.fan-card:nth-child(2){transform:rotate(-8deg) translate(-20px,5px) scale(.95);z-index:2}.fan-card:nth-child(3){transform:rotate(0) scale(1);z-index:3;box-shadow:0 0 20px #0003}.fan-card:nth-child(4){transform:rotate(8deg) translate(20px,5px) scale(.95);z-index:2}.fan-card:nth-child(5){transform:rotate(15deg) translate(40px,10px) scale(.9);z-index:1}.fan-gallery:hover .fan-card:nth-child(1){transform:translate(-220px) scale(.85) rotate(-15deg);z-index:2;opacity:.8}.fan-gallery:hover .fan-card:nth-child(2){transform:translate(-110px) scale(.9) rotate(-7deg);z-index:3;opacity:.9}.fan-gallery:hover .fan-card:nth-child(3){transform:scale(1.1) translateY(-10px);z-index:10;box-shadow:0 25px 50px #00000080;border-color:var(--accent-gold)}.fan-gallery:hover .fan-card:nth-child(4){transform:translate(110px) scale(.9) rotate(7deg);z-index:3;opacity:.9}.fan-gallery:hover .fan-card:nth-child(5){transform:translate(220px) scale(.85) rotate(15deg);z-index:2;opacity:.8}.gallery-caption{font-size:1.1rem;color:var(--text-brown);margin-top:1rem;font-style:italic;opacity:.9;font-weight:500;position:relative;z-index:20;background:#fffc;padding:.5rem 1rem;border-radius:20px;display:inline-block}.tour-intro{text-align:center;margin-bottom:4rem;padding:0 1rem}.tour-details-grid{display:flex;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.detail-item{display:flex;align-items:center;justify-content:center;gap:.8rem;background:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 5px 20px #0000000f;border:1px solid #f0f0f0;min-width:200px}.detail-icon{font-size:1.5rem}.tour-highlights{list-style:none;padding:0;max-width:600px;margin:0 auto;text-align:left;background:#fffc;padding:2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #00000008}.tour-highlights li{border-bottom:1px solid rgba(0,0,0,.05);position:relative;padding:.8rem 0 .8rem 2rem;font-size:1.1rem;color:var(--text-brown)}.tour-highlights li:last-child{border-bottom:none}.tour-highlights li:before{content:"🍃";color:var(--primary-teal);position:absolute;left:0;font-size:1rem;top:1rem}.more-than-chocolate{margin:3rem auto;padding:3rem;background:linear-gradient(135deg,#e9f0e8,#d4e0d2);border-radius:30px;color:var(--jungle-dark);max-width:800px;position:relative}.more-than-chocolate h3{color:var(--primary-teal);margin-bottom:1rem;font-family:Abril Fatface,cursive;font-size:2rem}@media(max-width:768px){.fan-gallery-container{height:350px}.fan-gallery{width:260px;height:360px}.fan-gallery:hover .fan-card:nth-child(1){transform:rotate(-15deg) translate(-60px)}.fan-gallery:hover .fan-card:nth-child(2){transform:rotate(-7deg) translate(-30px)}.fan-gallery:hover .fan-card:nth-child(3){transform:rotate(0) translateY(-20px)}.fan-gallery:hover .fan-card:nth-child(4){transform:rotate(7deg) translate(30px)}.fan-gallery:hover .fan-card:nth-child(5){transform:rotate(15deg) translate(60px)}.tour-details-grid{gap:1rem}.detail-item{width:100%}}
