:root{--bg-color: white;--card-bg: #ffffff;--text-color: #333333;--text-secondary: #666666;--nav-bg: #ffffff;--header-border: #e0e0e0;--primary-color: #00a651;--primary-hover: #008a43;--shadow-color: rgba(0, 0, 0, .1);--announcement-height: 0px}[data-theme=dark]{--bg-color: #1a1a1a;--card-bg: #2d2d2d;--text-color: #e0e0e0;--text-secondary: #aaaaaa;--nav-bg: #2d2d2d;--header-border: #444444;--primary-color: #00a651;--primary-hover: #00c768;--shadow-color: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-only{display:none!important}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color .3s,color .3s;padding-bottom:0!important;margin-bottom:0!important}.header{background:var(--nav-bg);border-bottom:1px solid var(--header-border);padding:.5rem 0;position:fixed;top:var(--announcement-height, 0);left:0;right:0;z-index:1000;box-shadow:0 2px 4px var(--shadow-color);transition:background-color .3s,border-color .3s,top .3s}.header-top{max-width:1400px;margin:0 auto;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#00a651}.logo img{width:48px;height:48px;object-fit:contain;border-radius:50%}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#00a651,gold);border-radius:50%}.search-bar{flex:1;max-width:600px;position:relative}.search-bar input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #00a651;border-radius:4px;font-size:.95rem;outline:none}.search-bar button{position:absolute;right:0;top:0;bottom:0;background:#00a651;border:none;padding:0 1.5rem;color:#fff;cursor:pointer;border-radius:0 4px 4px 0}.header-icons{display:flex;gap:1.5rem;align-items:center}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-color);transition:color .3s,transform .2s}.icon-btn:hover{color:#00a651;transform:scale(1.05)}.icon-btn:focus{outline:2px solid #00a651;outline-offset:2px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-color)}.menu-toggle span{display:block;width:25px;height:3px;background:var(--text-color);margin:5px 0;transition:.3s}.nav{background:var(--nav-bg);border-top:1px solid var(--header-border);position:fixed;top:calc(85px + var(--announcement-height, 0));left:0;right:0;z-index:999;box-shadow:0 2px 4px var(--shadow-color);transition:background-color .3s,border-color .3s,top .3s}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:2rem;justify-content:center}.nav-link{padding:1rem 0;color:var(--text-color);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s;position:relative}.nav-link:hover{color:#00a651}.nav-link:focus{outline:2px solid #00a651;outline-offset:2px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#00a651;transition:width .3s}.nav-link:hover:after{width:100%}.nav.mobile-hidden{display:none}.nav-dropdown-content{display:none;position:absolute;background-color:var(--nav-bg);min-width:200px;box-shadow:0 8px 16px 0 var(--shadow-color);z-index:1000;border-radius:4px;top:100%;left:0}@media(min-width:769px){.nav-dropdown:hover .nav-dropdown-content{display:block}}.nav-dropdown-content a{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block;text-align:left;transition:background .3s}.nav-dropdown-content a:hover{background-color:#f1f1f1;color:#00a651}.hero{background-color:#f8f9fa;padding:2rem 0;color:#333;min-height:400px;margin-top:calc(155px + var(--announcement-height, 0px));transition:margin-top .3s;border-radius:0;border:none;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,166,81,.05) 0%,transparent 70%);border-radius:50%;z-index:0}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:stretch;min-height:380px;position:relative;z-index:1}.hero-container.has-video{grid-template-columns:1fr 1fr 1fr}.hero-left{display:flex;flex-direction:column;justify-content:center;height:100%}.hero-welcome-card{background:linear-gradient(135deg,#00a651,#008c44);padding:2.5rem;border-radius:16px;color:#fff;box-shadow:0 10px 30px #00a65140;width:100%;text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:320px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.hero-welcome-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00a65159}.hero-welcome-card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.6;pointer-events:none}.hero-welcome-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.hero-title-text{color:#fff!important;font-size:1.8rem!important;font-weight:100!important;margin-bottom:.5rem!important;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-desc-text{color:#fffffff2!important;font-size:1.2rem!important;line-height:1.3!important;margin-bottom:2rem!important;max-width:90%}.hero-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#00a651;padding:.8rem 1.8rem;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026;width:fit-content;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;margin-top:auto}.hero-cta-btn:hover{transform:translate(5px);box-shadow:0 6px 15px #0003;background:#f0f9f4}.hero-cta-btn i{transition:transform .3s ease}.hero-cta-btn:hover i{transform:translate(3px)}.hero-right{background:transparent;padding:0;display:flex;align-items:center;justify-content:center;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014;border:1px solid rgba(0,0,0,.05)}.carousel-container{width:100%;height:100%;min-height:320px;position:relative;background:#fff;border-radius:16px;overflow:hidden}.carousel-slide{display:none;height:100%;width:100%;animation:fadeEffect .8s ease-in-out;position:absolute;top:0;left:0;align-items:center;justify-content:center;background-color:#fff}.carousel-slide.active{display:flex}.carousel-slide img{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));transition:transform .5s ease}.carousel-container:hover .carousel-slide.active img{transform:scale(1.05)}.prev,.next{cursor:pointer;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;color:#333;font-weight:700;font-size:18px;transition:.3s ease;border-radius:50%;-webkit-user-select:none;user-select:none;background-color:#fffc;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a;border:1px solid #eee;z-index:2}.next{right:15px}.prev{left:15px}.prev:hover,.next:hover{background-color:#00a651;color:#fff;border-color:#00a651;transform:scale(1.1)}@keyframes fadeEffect{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.hero-center{display:flex;justify-content:center;align-items:stretch}.hero-video-container{width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;background:#000;aspect-ratio:16/9}.hero-video-container video{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.hero-container,.hero-container.has-video{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.hero-welcome-card{min-height:auto;padding:2.5rem;text-align:center;align-items:center;border-radius:20px}.hero-desc-text{margin-left:auto;margin-right:auto}.hero-cta-btn{margin-top:1.5rem}.hero-right{min-height:400px}}@media(max-width:768px){.hero{padding:1.5rem 0;margin-top:calc(140px + var(--announcement-height, 0px))}.hero-title-text{font-size:1.5rem!important;margin-bottom:.75rem!important}.hero-desc-text{font-size:1.1rem!important;max-width:100%;margin-bottom:1.5rem!important}.hero-welcome-card{padding:2rem 1.5rem}.carousel-container{min-height:300px;border-radius:12px}.hero-right{box-shadow:none;border:none}}@media(max-width:480px){.hero{padding:1rem 0}.hero-welcome-card{padding:1.5rem 1rem;border-radius:16px;box-shadow:0 5px 15px #00a65133}.hero-right{min-height:260px;margin-top:1rem}.hero-title-text{font-size:1.95rem!important}.hero-desc-text{overflow-wrap:break-word;padding:0;font-size:1rem!important}.hero-cta-btn{width:100%;justify-content:center;padding:.7rem 1.5rem}.carousel-container{min-height:250px}.carousel-slide img{max-width:90%;max-height:85%}.prev,.next{width:32px;height:32px;font-size:14px;background-color:#ffffffe6}}.hero-btn{background:var(--card-bg);color:var(--primary-color);padding:.8rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;will-change:transform}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hero-btn:focus{outline:3px solid rgba(0,166,81,.5);outline-offset:2px}.hero-btn:active{transform:translateY(0)}.container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.section-title{text-align:center;font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:900px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.product-grid{grid-template-columns:1fr}}.product-card{background:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;will-change:transform;margin:auto;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06);cursor:pointer}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,166,81,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00a65133;border-color:#00a65133}.product-card:hover:before{opacity:1}.product-card:focus-within{outline:3px solid rgba(0,166,81,.4);outline-offset:3px}.sale-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;padding:3px 8px;border-radius:20px;font-size:.65rem;font-weight:700;z-index:10;box-shadow:0 2px 8px #f446;text-transform:uppercase;letter-spacing:.5px}.product-image{width:100%;height:180px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem;overflow:hidden;position:relative}.product-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.03) 100%);z-index:1;pointer-events:none}.product-image img{width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .6s cubic-bezier(.2,1,.3,1);padding:6px}.product-card:hover .product-image img{transform:scale(1.08)}.product-info{padding:.6rem .8rem .8rem;flex:1;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:2}.product-category{color:#00a651;font-size:.65rem;margin-bottom:0;text-transform:uppercase;font-weight:700;letter-spacing:.8px;opacity:.9}.product-name-wrapper{margin-bottom:.1rem;min-height:20px}.product-name{font-size:.9rem;margin-bottom:0;color:var(--text-color);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.product-card:hover .product-name{color:#00a651}.product-name.expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.read-more-btn{background:none;border:none;color:#00a651;font-size:.8rem;font-weight:600;cursor:pointer;padding:0;margin-top:.25rem;transition:color .3s;text-decoration:underline}.read-more-btn:hover{color:#008a43}.read-more-btn:focus{outline:2px solid rgba(0,166,81,.3);outline-offset:2px}.product-price{font-size:1.1rem;font-weight:800;color:#00a651;margin-top:auto;padding-top:.3rem;border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:4px}.product-price:before{content:"";width:3px;height:14px;background:linear-gradient(135deg,#00a651,#00c768);border-radius:2px}.view-deal-btn{width:100%;background:linear-gradient(135deg,#00a651,#00c768);color:#fff;padding:.4rem;border:none;border-radius:6px;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00a65133;text-transform:uppercase;letter-spacing:.5px}.view-deal-btn:hover{background:linear-gradient(135deg,#008a43,#00a651);transform:translateY(-2px);box-shadow:0 6px 20px #00a6514d}.view-deal-btn:active{transform:translateY(0)}.view-deal-btn:focus{outline:3px solid rgba(0,166,81,.4);outline-offset:2px}.view-all-btn{display:block;margin:2rem auto 0;background:#fff;color:#00a651;padding:.75rem 2rem;border:2px solid #00a651;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s}.view-all-btn:hover{background:#00a651;color:#fff}.pagination-container{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.pagination-container nav{background:var(--card-bg);padding:10px;border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.pagination-container .pagination{display:flex;list-style:none;gap:8px;align-items:center;margin:0;padding:0}.pagination-container .page-item .page-link,.pagination-container .page-link{padding:10px 18px;border:1px solid #e0e0e0;color:#333;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;background:var(--card-bg);display:block}.pagination-container .page-item.active .page-link,.pagination-container .active>.page-link{background-color:#00a651;border-color:#00a651;color:#fff}.pagination-container .page-item .page-link:hover:not(.active),.pagination-container .page-link:hover:not(.active){background-color:#f0f9f4;border-color:#00a651;color:#00a651;transform:translateY(-2px)}.pagination-container .page-item.disabled .page-link,.pagination-container .disabled>.page-link{color:#ccc;background:#fdfdfd;border-color:#eee;cursor:not-allowed}.features{background:var(--card-bg);padding:3rem 2rem;transition:background-color .3s}.section-subtitle{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:2.5rem;color:var(--text-color)}.section-subtitle span{color:#00a651}.features-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;background:var(--bg-color);border-radius:8px;transition:transform .3s,box-shadow .3s,background-color .3s;will-change:transform}.feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.feature-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.feature-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.feature-desc{color:#666;font-size:.9rem;line-height:1.5}.footer{background:#2c2c2c;color:#fff;padding:2rem;text-align:center;margin-bottom:0!important}.social-icons{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.social-icon{width:30px;height:30px;background:#00a651;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;text-decoration:none;transition:background .3s,transform .3s}.social-icon:hover{background:#008a43;transform:scale(1.1)}.footer-text{color:#999;font-size:.9rem}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;align-items:center;justify-content:center}.modal-content{background-color:var(--card-bg);padding:1.5rem;border-radius:8px;width:90%;max-width:350px;position:relative;box-shadow:0 4px 6px #0000001a}.close-modal{position:absolute;right:1rem;top:.5rem;font-size:1.2rem;cursor:pointer;color:#666}.modal h2{margin-bottom:1rem;color:var(--text-color);text-align:center;font-size:1.2rem}.form-group{margin-bottom:.8rem}.form-group label{display:block;margin-bottom:.3rem;color:var(--text-color);font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.login-btn{width:100%;padding:.6rem;background:#00a651;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:.5rem}.login-btn:hover{background:#008a43}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;display:none;animation:slideDown .3s ease}.alert.show{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.error-list{margin-top:.5rem;padding-left:1.2rem;margin-bottom:0}.error-list li{margin:.2rem 0}.btn-loading{opacity:.7;cursor:not-allowed;position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group.error input{border-color:#dc3545}.form-group .field-error{color:#dc3545;font-size:.8rem;margin-top:.3rem;display:none}.form-group.error .field-error{display:block}.carousel-container{position:relative;width:100%;height:268px;overflow:hidden;border-radius:0;background:#fff;box-shadow:0 4px 12px #0000001a}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(100%);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s ease;background:#fff}.carousel-slide.active{opacity:1;transform:translate(0);z-index:2}.carousel-slide img{width:100%;height:100%;object-fit:contain;padding:0}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.3s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none;background-color:#0000004d;border:none;z-index:10}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.chat-widget-btn{position:fixed;bottom:5px;right:5px;width:20px;height:20px;background:#00a651;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:9999;transition:transform .3s}.product-modal-content{background-color:#fefefe;margin:5% auto;padding:0;border:1px solid #888;width:80%;max-width:800px;border-radius:8px;position:relative;display:flex;overflow:hidden;flex-direction:row}.product-modal-image-container{flex:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;min-height:400px}.product-modal-info-container{flex:1;padding:40px;display:flex;flex-direction:column}.modal-action-buttons{display:flex;gap:10px;margin-top:5px;align-items:center}.modal-action-buttons form{margin:0}.modal-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;cursor:pointer;font-size:1.2rem;transition:transform .2s}.modal-action-btn:hover{transform:scale(1.1)}.buy-now-btn{background-color:#0a8357;color:#fff;text-decoration:none;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;margin-right:20px;border-radius:5px;border:none;transition:all .3s}.buy-now-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.hero-video-container{width:100%;max-width:420px;aspect-ratio:9 / 16;margin:auto;background:#fff;height:270px;overflow:hidden;box-shadow:0 0 25px #00a65199;border-radius:0}.hero-video-container video{width:100%;object-fit:contain;display:block;height:100%}.image-zoom-modal{display:none;position:fixed;z-index:4000;left:0;top:0;width:100%;height:100%;background-color:#000000f2;animation:fadeIn .3s ease}.image-zoom-modal.show{display:flex;align-items:center;justify-content:center}.image-zoom-content{position:relative;width:90%;height:90%;max-width:1000px;max-height:800px}.image-zoom-content img{width:100%;height:100%;object-fit:contain}.close-zoom-modal{position:absolute;top:15px;right:25px;color:#fff;font-size:35px;font-weight:700;cursor:pointer;z-index:4001;transition:color .3s}.close-zoom-modal:hover,.close-zoom-modal:focus{color:#00a651}.zoom-info{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:.9rem;background:#000000b3;padding:8px 15px;border-radius:4px;text-align:center}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1050;opacity:0;transition:opacity .3s}.menu-overlay.show{display:block;opacity:1}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-block!important}.header-top{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.3rem;padding:.4rem .8rem}.menu-toggle{display:block;order:1;margin:0;padding:5px;font-size:1.5rem}.logo{order:2;flex:0 1 auto;justify-content:flex-start;font-size:1.4rem;margin:0 auto 0 0;gap:.1rem}.logo img{width:65px;height:65px}.header-icons{order:3;margin-left:0;gap:.3rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.header-icons .icon-btn{font-size:1.1rem;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.icon-btn span{display:none}#loginBtn{width:auto;height:32px;padding:0 8px;background:var(--primary-color);color:#fff!important;border-radius:6px;font-size:.8rem;display:flex;align-items:center;gap:4px}#loginBtn i{color:#fff;font-size:.9rem}#loginBtn span,#registerBtn{display:none}.search-bar{order:4;width:100%;max-width:100%;margin-top:.5rem;flex:0 0 100%}.nav{display:block;position:fixed;top:0;left:0;height:100vh;width:280px;background:var(--nav-bg);z-index:1100;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.nav.show{transform:translate(0)}.nav-container{flex-direction:column;align-items:flex-start;gap:0;padding:1rem 0}.nav-link{width:100%;text-align:left;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0}.mobile-nav-header{display:flex!important;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem;background:var(--bg-color)}.mobile-nav-title{display:none}.close-nav{background:none;border:none;right:1rem;margin-left:auto;font-size:1.5rem;color:#666;cursor:pointer}.nav-dropdown{width:100%}.nav-dropdown button{width:100%;justify-content:space-between;padding:1rem 1.5rem!important;border-bottom:1px solid #f0f0f0}.nav-dropdown-content{position:static;box-shadow:none;padding-left:1.5rem;width:100%;display:none}.hero-welcome-card{padding:1.5rem}.hero-welcome-card h1{font-size:1.8rem!important}.hero-welcome-card p{font-size:.7rem!important}.hero-container{grid-template-columns:1fr;gap:2.8rem;min-height:auto;max-height:none;padding-bottom:.5rem}.hero-container.has-video{grid-template-columns:1fr;gap:2rem;min-height:auto;max-height:none;padding-bottom:1rem}.hero-left{align-items:center;text-align:center;gap:.5rem}.hero-btn{margin-top:.5rem;padding:1rem 2.5rem;width:auto;box-shadow:0 4px 15px #0003;margin-bottom:2rem}.hero h1{font-size:.5rem;line-height:1.3}.hero{padding:2rem .75rem;max-height:none;margin-top:calc(100px + var(--announcement-height, 0px));transition:margin-top .3s}.container,.features{padding:1rem .75rem}.hero-right{min-height:200px;max-height:200px;width:100%}.carousel-container{height:200px}.product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0 -.25rem}.product-card{max-width:100%;width:100%;margin:0;height:auto}.product-image{height:160px}.product-info{padding:.5rem .4rem;min-height:auto}.product-name{font-size:.75rem;-webkit-line-clamp:1;line-clamp:1;margin-bottom:.05rem}.product-category{font-size:.5rem;margin-bottom:.1rem}.product-price{font-size:.9rem;margin-bottom:.2rem;margin-top:.05rem}.view-deal-btn{padding:.35rem;font-size:.7rem}.read-more-btn{font-size:.55rem}.sale-badge{font-size:.55rem;padding:.25rem .5rem}.section-title{margin-bottom:1rem;font-size:1rem}.product-modal-content{flex-direction:column;width:95%;margin:.5% auto;height:auto;max-height:90vh;overflow-y:auto}.product-modal-image-container{min-height:250px;height:250px;flex:none;width:100%}.product-modal-info-container{padding:15px;flex:none}#modalName{font-size:1.2rem!important;margin:5px 0 10px!important}#modalPrice{font-size:1.1rem!important;margin-bottom:10px!important}#modalDescription{font-size:.9rem!important}.modal-action-btn{width:32px;height:32px;font-size:.9rem}}@media(max-width:380px){.logo{font-size:1.5rem}.logo img{width:40px;height:40px}}@media(max-width:376px){.logo{font-size:1.5rem}.logo img{width:40px;height:40px}.hero h1{font-size:.9rem}.hero-btn{font-size:.9rem;padding:.6rem 1.2rem}}@media(max-width:375px){.hero{padding:1.5rem .8rem!important;margin-top:calc(160px + var(--announcement-height, 0px))!important}.hero-container{gap:1rem!important;padding-bottom:.5rem!important;width:100%;height:fit-content}.hero-left{gap:.5rem!important}.hero-title-text{font-size:1.5rem!important;line-height:1.2!important;margin-bottom:.5rem!important}.hero-desc-text{font-size:1rem!important;margin-bottom:1rem!important;line-height:1.4!important}.hero-btn{padding:.7rem 1.4rem!important;font-size:.9rem!important;margin-top:.5rem!important;margin-bottom:1.2rem!important}.hero-right,.carousel-container{min-height:180px!important;max-height:180px!important;height:180px!important}.carousel-slide img{object-fit:contain!important;max-height:160px!important}}@media(min-width:376px)and (max-width:600px){.hero{margin:0;padding:2rem 1.5rem!important;margin-top:calc(160px + var(--announcement-height, 0px))!important}.hero-container{gap:1.5rem!important;padding-bottom:1rem!important}.hero-left{gap:.8rem!important}.hero-title-text{font-size:1.8rem!important;line-height:1.3!important;margin-bottom:.8rem!important}.hero-desc-text{font-size:1.1rem!important;margin-bottom:1.5rem!important;line-height:1.5!important}.hero-btn{padding:.8rem 1.8rem!important;font-size:1rem!important}.hero-right,.carousel-container{min-height:220px!important;max-height:220px!important;height:220px!important}.carousel-slide img{object-fit:contain!important;max-height:190px!important}}@media(min-width:601px)and (max-width:768px){.hero-right,.carousel-container{min-height:260px;height:260px;max-height:260px}.carousel-slide img{max-height:220px;object-fit:contain}.hero h1{font-size:1.8rem}.hero-container{gap:1.5rem}}@media(min-width:992px){.hero-center{margin-bottom:20px}}@keyframes bannerShake{0%,to{transform:scale(1)}90%{transform:scale(1)}92%{transform:scale(1.02) rotate(1deg)}94%{transform:scale(1.02) rotate(-1deg)}96%{transform:scale(1.02) rotate(1deg)}98%{transform:scale(1.02) rotate(-1deg)}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.product-detail-modal{display:none;position:fixed;inset:0;z-index:3000;pointer-events:none}.product-detail-modal.modal-active{display:block;pointer-events:all}.modal-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.modal-slide-up{position:absolute;bottom:0;left:0;right:0;background:var(--card-bg);border-radius:20px 20px 0 0;max-height:92vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:0 -4px 20px #0003;display:flex;flex-direction:column}.modal-slide-up.slide-visible{transform:translateY(0)}.modal-header-mobile{position:relative;padding:12px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.modal-drag-indicator{width:40px;height:4px;background:#ccc;border-radius:2px;margin:0 auto}.modal-close-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.modal-close-btn:hover{background:#0000001a;color:#333;transform:translateY(-50%) scale(1.1)}.modal-close-btn:active{transform:translateY(-50%) scale(.95)}.modal-body-scroll{overflow-y:auto;overflow-x:hidden;flex:1;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.modal-two-column-layout{display:flex;flex-direction:column;min-height:100%}.modal-image-column{flex-shrink:0}.modal-content-column{flex:1;display:flex;flex-direction:column}.modal-image-section{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center}.modal-product-image{width:100%;height:100%;object-fit:contain;animation:scaleIn .4s ease}.modal-no-image{display:none;flex-direction:column;align-items:center;gap:12px;color:#999;font-size:1.1rem}.modal-no-image i{font-size:3rem;opacity:.5}.modal-zoom-btn{position:absolute;bottom:15px;right:15px;background:#00a651e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:44px;height:44px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00a6514d;transition:all .3s}.modal-zoom-btn:hover{transform:scale(1.1);background:#00a651}.modal-zoom-btn:active{transform:scale(.95)}.modal-info-section{padding:20px}.modal-product-name{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0 0 8px;line-height:1.4}.modal-product-price{font-size:1.2rem;font-weight:700;color:#00a651;margin-bottom:20px}.modal-description-wrapper{margin-bottom:24px}.modal-section-title{font-size:.95rem;font-weight:600;color:var(--text-color);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.modal-product-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.modal-actions-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.modal-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#00a651;color:#fff;text-decoration:none;border-radius:12px;font-size:1.05rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00a65133}.modal-btn-primary:hover{background:#008a43;transform:translateY(-2px);box-shadow:0 6px 16px #00a6514d}.modal-btn-primary:active{transform:translateY(0)}.modal-btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#25d366;color:#fff;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #25d36633}.modal-btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 16px #25d3664d}.modal-btn-whatsapp:active{transform:translateY(0)}.modal-reactions-compact{display:flex;align-items:center;gap:0;background:#f2f2f2;border:none;border-radius:18px;padding:0;width:fit-content;height:36px;margin:0 0 80px;overflow:hidden}.modal-reaction-form-inline{display:flex;margin:0;height:100%}.modal-reaction-btn-compact{display:flex;align-items:center;gap:6px;padding:0 12px;background:transparent;border:none;cursor:pointer;transition:background .2s;font-family:inherit;color:#0f0f0f;font-size:.85rem;font-weight:500;height:100%}.modal-reaction-btn-compact:hover{background:#0000000d}.modal-reaction-btn-compact:active{background:#0000001a}.modal-like-btn-compact{border-radius:18px 0 0 18px;padding-right:10px}.modal-like-btn-compact:hover i{color:inherit}.modal-dislike-btn-compact{border-radius:0 18px 18px 0;padding-left:10px}.modal-reaction-btn-compact i{font-size:1rem}.modal-reaction-count-compact{font-weight:500;font-size:.85rem}.reaction-separator{width:1px;height:60%;background:#d9d9d9;align-self:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(min-width:769px){.modal-slide-up{left:50%;transform:translate(-50%) translateY(100%);max-width:900px;border-radius:20px;max-height:85vh}.modal-slide-up.slide-visible{transform:translate(-50%) translateY(0);top:50%;bottom:auto;margin-top:-42.5vh}.modal-two-column-layout{flex-direction:row;gap:0}.modal-image-column{width:50%;flex-shrink:0;border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.modal-content-column{width:50%;overflow-y:auto}.modal-image-section{flex:1;height:auto;min-height:400px;border-radius:20px 0 0}.modal-reactions-compact{margin:16px;width:auto;align-self:flex-start}.modal-info-section{padding:24px}.modal-product-name{font-size:1.1rem}.modal-product-price{font-size:1.2rem}}@media(max-width:768px){.modal-product-name{font-size:1.1rem!important;font-weight:200!important;line-height:1.3!important;margin-bottom:4px!important;color:#0f0f0f!important}.modal-product-price{font-size:1rem!important;font-weight:600!important;color:#606060!important;margin-bottom:12px!important}.modal-product-price{color:#00a651!important;font-size:1.1rem!important}.modal-image-section{height:220px!important;min-height:220px!important;background:#fff!important;border-bottom:1px solid #f2f2f2}.modal-info-section{padding:12px 16px!important}.modal-description-wrapper{margin-bottom:10px!important}.modal-section-title{font-size:.9rem!important;font-weight:700!important;color:#0f0f0f!important;text-transform:none!important;margin-bottom:8px!important}.modal-product-description{font-size:.9rem!important;line-height:1.5!important;color:#0f0f0f!important}.modal-actions-section{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;padding:8px 1px!important;margin:0!important;border-top:1px solid #e5e5e5!important;box-shadow:none!important;z-index:9999!important;flex-direction:row!important;display:flex!important;gap:1px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.modal-btn-primary,.modal-btn-whatsapp{flex:1!important;padding:0 16px!important;height:40px!important;font-size:.9rem!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;box-shadow:none!important}.modal-btn-whatsapp{background:#25d366!important;color:#fff!important}.modal-body-scroll{padding-bottom:80px!important}}.image-zoom-modal{display:none;position:fixed;inset:0;z-index:4000;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}.image-zoom-modal.show{display:flex;align-items:center;justify-content:center;opacity:1}.image-zoom-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.image-zoom-content img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;animation:zoomIn .3s ease}.close-zoom-modal{position:absolute;top:20px;right:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:44px;height:44px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .3s;z-index:10}.close-zoom-modal:hover{background:#ffffff4d;transform:scale(1.1)}.close-zoom-modal:active{transform:scale(.95)}.zoom-info{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 24px;border-radius:20px;font-size:.9rem;text-align:center;animation:fadeInUp .5s ease .3s both}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.image-zoom-content{padding:10px}.close-zoom-modal{top:15px;right:15px;width:40px;height:40px}.zoom-info{bottom:20px;font-size:.85rem;padding:10px 20px}}@media screen and (max-width:900px){.hero-welcome-card .hero-desc-text{font-size:1.1rem!important;line-height:1.5!important;margin-bottom:1.5rem!important}}@media screen and (max-width:480px){.hero-welcome-card .hero-desc-text{font-size:1rem!important;line-height:1.1!important;padding:0!important}}