.page-hero{background-image:url('../assets/images/about-hero.jpg');background-size:cover;background-position:center;background-attachment:fixed;height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(46,125,50,.3) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(76,175,80,.2) 0,transparent 50%),linear-gradient(135deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 100%);z-index:1}.page-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="leaves" width="30" height="30" patternUnits="userSpaceOnUse"><path d="M15,5 Q20,10 15,15 Q10,10 15,5" fill="none" stroke="%234caf50" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23leaves)"/></svg>');z-index:1;opacity:.4}.page-hero .hero-content{position:relative;z-index:2;max-width:900px;padding:40px 30px;background:rgba(46,125,50,.2);backdrop-filter:blur(15px);border-radius:25px;border:1px solid rgba(76,175,80,.3);box-shadow:0 20px 40px rgba(0,0,0,.3);animation:6s ease-in-out infinite heroContentFloat}@keyframes heroContentFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.page-hero h1{font-size:3.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff 0,#e8f5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-1px;position:relative}.page-hero h1::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#2e7d32,#4caf50);border-radius:2px;box-shadow:0 0 20px rgba(46,125,50,.5)}.page-hero p{font-size:1.4rem;margin-bottom:1.5rem;color:rgba(255,255,255,.9);font-weight:300;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.3)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.category-tabs-section{padding:3rem 0;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:2rem;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:2px}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:2rem}.category-tab{background:#fff;color:#495057;border:2px solid #dee2e6;padding:15px 25px;border-radius:50px;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1}.category-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#2e7d32,#4caf50);transition:left .3s;z-index:-1}.category-tab.active::before,.category-tab:hover::before{left:0}.category-tab.active,.category-tab:hover{color:#fff!important;border-color:#2e7d32;transform:translateY(-3px);box-shadow:0 5px 20px rgba(46,125,50,.3)}.category-tab *{position:relative;z-index:2;transition:color .3s}.category-tab.active *,.category-tab:hover *{color:#fff!important}.category-tab .category-count{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:700;position:relative;z-index:2;transition:.3s}.category-tab.active .category-count,.category-tab:hover .category-count{background:rgba(255,255,255,.3);color:#fff!important}.loading-categories{text-align:center;padding:2rem;color:#6c757d}.loading-categories i{font-size:2rem;margin-bottom:1rem;color:#28a745}.gallery-grid-section{padding:3rem 0 5rem;background-color:#fff}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.products-count{color:#6c757d;font-size:1.1rem;font-weight:500}.products-count #showing-count{color:#28a745;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:2rem}.gallery-modal{display:none;position:fixed;z-index:1000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.close-modal{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;z-index:1001}.modal-content{display:block;margin:0 auto;max-width:80%;max-height:70vh;object-fit:contain}.modal-caption{margin:20px auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0}.modal-caption h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.modal-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 50px;transform:translateY(-50%)}.next-btn,.prev-btn{background-color:rgba(255,255,255,.2);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.next-btn:hover,.prev-btn:hover{background-color:rgba(255,255,255,.4)}.next-btn i,.prev-btn i{font-size:1.5rem}.fullscreen-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.95)!important;z-index:10000!important;display:none!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(5px);animation:.3s ease-in-out fadeIn;overflow:hidden}.fullscreen-modal.active{display:flex!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fullscreen-modal .modal-content{position:relative!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;animation:.3s ease-in-out zoomIn;padding:20px;box-sizing:border-box}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fullscreen-modal .close-modal{position:absolute!important;top:20px!important;right:30px!important;color:#fff!important;font-size:40px!important;font-weight:700!important;cursor:pointer!important;z-index:10001!important;transition:.3s;background:rgba(0,0,0,.5)!important;border-radius:50%!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important}.fullscreen-modal .close-modal:hover{background:rgba(255,255,255,.2)!important;transform:rotate(90deg)}.fullscreen-modal .modal-image-container{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;text-align:center}.fullscreen-modal #fullscreen-modal-image{max-width:90vw!important;max-height:70vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s;display:block!important;margin:0 auto!important}.fullscreen-modal #fullscreen-modal-image:hover{transform:scale(1.02)}.fullscreen-modal .modal-info{position:absolute!important;bottom:20px!important;left:20px!important;right:20px!important;color:#fff!important;text-align:center!important;background:rgba(0,0,0,.8)!important;padding:20px!important;border-radius:15px!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:600px;margin:0 auto}.fullscreen-modal .modal-info h3{margin:0 0 10px!important;color:#fff!important;font-size:1.8rem!important;font-weight:600!important}.fullscreen-modal .modal-info p{margin:0 0 15px!important;color:#ccc!important;line-height:1.6}.fullscreen-modal .modal-meta{margin-bottom:15px!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:15px!important}.fullscreen-modal .meta-item{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#ccc!important;font-size:.9rem!important;background:rgba(255,255,255,.1)!important;padding:5px 10px!important;border-radius:20px!important}.fullscreen-modal .meta-item i{color:#4caf50!important}.fullscreen-modal .modal-actions{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}.fullscreen-modal .view-details-btn{background:linear-gradient(135deg,#4caf50,#45a049)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:25px!important;cursor:pointer!important;font-weight:600!important;transition:.3s;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 15px rgba(76,175,80,.3)}.fullscreen-modal .view-details-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50)!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)}.fullscreen-modal .modal-navigation .nav-btn{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;background:rgba(255,255,255,.2)!important;color:#fff!important;border:none!important;padding:15px 20px!important;border-radius:50%!important;cursor:pointer!important;font-size:20px!important;transition:.3s;backdrop-filter:blur(10px)}.fullscreen-modal .modal-navigation .nav-btn:hover{background:rgba(255,255,255,.3)!important;transform:translateY(-50%) scale(1.1)!important}.fullscreen-modal .modal-navigation .prev-btn{left:20px!important}.fullscreen-modal .modal-navigation .next-btn{right:20px!important}.loading-products{grid-column:1/-1;text-align:center;padding:3rem;color:#6c757d}.loading-products i{font-size:3rem;margin-bottom:1rem;color:#28a745;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.page-hero h1{font-size:2.5rem}.modal-content{max-width:95%}.modal-caption{width:95%}.modal-nav{padding:0 20px}.next-btn,.prev-btn{width:40px;height:40px}.category-tabs{gap:10px}.category-tab{padding:12px 20px;font-size:.9rem}.section-title{font-size:2rem}.products-header{flex-direction:column;text-align:center}.fullscreen-modal .modal-content{padding:10px!important}.fullscreen-modal #fullscreen-modal-image{max-width:95vw!important;max-height:60vh!important}.fullscreen-modal .modal-info{bottom:10px!important;left:10px!important;right:10px!important;padding:15px!important;position:fixed!important;z-index:10002!important}.fullscreen-modal .modal-info h3{font-size:1.4rem!important}.fullscreen-modal .modal-meta{gap:8px!important}.fullscreen-modal .meta-item{font-size:.8rem!important;padding:3px 8px!important}.fullscreen-modal .view-details-btn{padding:10px 20px!important;font-size:.9rem!important}.fullscreen-modal .modal-navigation .nav-btn{padding:12px 15px!important;font-size:16px!important;z-index:10002!important}.fullscreen-modal .close-modal{top:15px!important;right:15px!important;width:50px!important;height:50px!important;font-size:30px!important}}@media (max-width:576px){.gallery-grid{grid-template-columns:1fr}.page-hero h1{font-size:2rem}.category-tabs{flex-direction:column;align-items:center}.category-tab{width:80%;justify-content:center}.section-title{font-size:1.8rem}.fullscreen-modal #fullscreen-modal-image{max-width:98vw!important;max-height:50vh!important}.fullscreen-modal .modal-info{position:fixed!important;bottom:5px!important;left:5px!important;right:5px!important;padding:10px!important;font-size:.9rem;z-index:10002!important}.fullscreen-modal .modal-info h3{font-size:1.2rem!important;margin-bottom:5px!important}.fullscreen-modal .modal-navigation .nav-btn{padding:10px 12px!important;font-size:14px!important;z-index:10002!important}.fullscreen-modal .modal-navigation .prev-btn{left:10px!important}.fullscreen-modal .modal-navigation .next-btn{right:10px!important}.fullscreen-modal .close-modal{top:10px!important;right:10px!important;width:45px!important;height:45px!important;font-size:25px!important}}.product-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:.3s;cursor:pointer;position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.product-image{position:relative;overflow:hidden;height:250px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.1)}.featured-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;z-index:2;box-shadow:0 2px 10px rgba(255,107,107,.3)}.product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.product-card:hover .product-overlay{opacity:1}.view-product-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(40,167,69,.3)}.view-product-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,.4)}.product-info{padding:20px}.product-name{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:10px;line-height:1.3}.product-description{display:none}.product-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.product-category{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:500;padding:5px 10px;border-radius:15px;background:rgba(40,167,69,.1);color:#28a745}.product-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(5px)}.product-modal .modal-content{position:relative;width:90%;max-width:1000px;margin:50px auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:10001;animation:.3s ease-out modalSlideIn}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.5);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:20px;z-index:10002;transition:.3s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(0,0,0,.7);transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.modal-image{background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:20px}.modal-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.modal-info{padding:40px;display:flex;flex-direction:column;justify-content:center}.modal-info h2{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.modal-info p{color:#6c757d;line-height:1.6;margin-bottom:25px;font-size:1.1rem}.modal-meta{margin-bottom:30px}.modal-meta .meta-item{display:flex;align-items:center;margin-bottom:10px;font-size:1rem}.modal-meta .meta-item strong{color:#2c3e50;margin-right:10px;min-width:80px}.modal-meta .meta-item span{color:#6c757d}.modal-actions{display:flex;gap:15px;flex-wrap:wrap}.contact-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:10px;font-size:1rem;box-shadow:0 4px 15px rgba(37,211,102,.3)}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4)}.modal-navigation .nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);color:#2c3e50;border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:20px;transition:.3s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1)}.modal-navigation .nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.15)}.modal-navigation .prev-btn{left:-30px}.modal-navigation .next-btn{right:-30px}.no-products-message{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#6c757d}.no-products-message i{font-size:4rem;margin-bottom:1rem;color:#dee2e6}.no-products-message h3{font-size:1.5rem;margin-bottom:.5rem;color:#495057}.error-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#6c757d}.error-state i{font-size:4rem;margin-bottom:1rem;color:#dc3545}.error-state h3{font-size:1.5rem;margin-bottom:1rem;color:#495057}.retry-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:8px;margin-top:1rem}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(40,167,69,.3)}@media (max-width:768px){.product-modal .modal-content{width:95%;margin:20px auto}.modal-body{grid-template-columns:1fr}.modal-image{height:300px}.modal-info{padding:30px 20px}.modal-info h2{font-size:1.5rem}.modal-navigation .nav-btn{width:50px;height:50px;font-size:16px}.modal-navigation .prev-btn{left:-25px}.modal-navigation .next-btn{right:-25px}.product-card{margin-bottom:20px}.product-meta{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:576px){.modal-navigation .nav-btn{position:relative;top:auto;transform:none;margin:10px 5px}.modal-navigation{display:flex;justify-content:center;background:#f8f9fa}.modal-navigation .next-btn,.modal-navigation .prev-btn{position:relative;left:auto;right:auto}.product-image{height:200px}.product-info{padding:15px}.product-name{font-size:1.1rem}.view-product-btn{padding:10px 20px;font-size:.9rem}}