@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.ai-chatbot-wrapper{position:fixed;bottom:100px;right:30px;z-index:9999;font-family:Inter,sans-serif}.ai-chat-launcher{display:flex;flex-direction:column;align-items:flex-end;gap:15px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}.ai-chat-launcher.hidden{transform:scale(0);opacity:0;pointer-events:none}.ai-chat-suggestion{background:#fff;color:#333;padding:12px 16px;border-radius:12px 12px 4px;box-shadow:0 4px 15px #0000001a;font-size:14px;font-weight:500;position:relative;max-width:250px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.ai-chat-launcher:hover .ai-chat-suggestion{opacity:1;visibility:visible;transform:translateY(0);animation:sk-bounce 2s infinite}.ai-chat-suggestion:after{content:"";position:absolute;bottom:-6px;right:20px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:4px 4px 4px #0000000a}@keyframes sk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-chat-btn{width:80px;height:80px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ai-chat-btn.hidden{display:none}.ai-mascot-float{animation:sk-mascot-float 3s ease-in-out infinite}@keyframes sk-mascot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}.ai-chat-btn:hover{transform:translateY(-5px) scale(1.1)}.ai-chat-btn-glow{display:none}.ai-badge{position:absolute;top:0;right:0;background:#ff4757;color:#fff;font-size:12px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 5px #0003}.ai-chat-window{position:absolute;bottom:85px;right:0;width:360px;height:520px;background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transform:scale(.5);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.2,.8,.2,1)}.ai-chat-window.active{transform:scale(1);opacity:1;pointer-events:all}.ai-chat-header{padding:20px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px #0000000d}.ai-chat-header-info{display:flex;align-items:center;gap:12px}.ai-avatar{width:45px;height:45px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:22px;border:2px solid rgba(255,255,255,.5);position:relative}.ai-status{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#2ed573;border-radius:50%;border:2px solid #558B2F}.ai-chat-header-info h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px}.ai-chat-header-info span{font-size:12px;opacity:.85}.ai-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}.ai-close-btn:hover{opacity:1;transform:scale(1.1)}.ai-chat-body{flex:1;padding:20px;overflow-y:auto;background:#f8fbf5;display:flex;flex-direction:column;gap:16px}.ai-chat-body::-webkit-scrollbar{width:6px}.ai-chat-body::-webkit-scrollbar-thumb{background:#7cb3424d;border-radius:4px}.ai-message-row{display:flex;align-items:flex-end;gap:10px;max-width:90%}.ai-message-row.user{align-self:flex-end;flex-direction:row-reverse}.ai-message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#b8f26e,#7cb342);color:#06110a;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ai-message-bubble{padding:14px 18px;border-radius:18px;font-size:14px;line-height:1.5;box-shadow:0 4px 10px #0000000a}.bot .ai-message-bubble{background:#fff;color:#333;border-bottom-left-radius:4px;border:1px solid rgba(124,179,66,.1)}.user .ai-message-bubble{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border-bottom-right-radius:4px}.ai-message-bubble p{margin:0}.typing-bubble{display:flex;gap:5px;align-items:center;padding:14px 20px!important}.typing-bubble .dot{width:6px;height:6px;background:#999;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-bubble .dot:nth-child(1){animation-delay:-.32s}.typing-bubble .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-chat-footer{padding:15px 20px;background:#fff;border-top:1px solid rgba(0,0,0,.05)}.ai-input-wrapper{display:flex;align-items:center;background:#f0f5eb;border-radius:30px;padding:6px;border:1px solid rgba(124,179,66,.2);transition:border-color .3s}.ai-input-wrapper:focus-within{border-color:#7cb342;background:#fff;box-shadow:0 0 0 3px #7cb3421a}.ai-mic-btn{width:36px;height:36px;border-radius:50%;background:transparent;color:#7cb342;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:5px;transition:all .3s}.ai-mic-btn:hover{background:#7cb3421a}.ai-mic-btn.listening{color:#ff4757;background:#ff47571a;animation:mic-pulse 1.5s infinite}@keyframes mic-pulse{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.ai-input-wrapper input{flex:1;border:none;background:transparent;outline:none;font-size:14.5px;color:#333;padding-left:5px}.ai-send-btn{width:38px;height:38px;border-radius:50%;background:#7cb342;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,transform .2s}.ai-send-btn:disabled{background:#ccc;cursor:not-allowed}.ai-send-btn:not(:disabled):hover{background:#558b2f;transform:scale(1.05)}.ai-branding{text-align:center;font-size:11px;color:#999;margin-top:10px}.ai-branding strong{background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 480px){.ai-chat-window{position:fixed;top:0;left:0;right:0;width:100%;height:100%;border-radius:0;bottom:0}}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px;z-index:9999}.loading-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffeb;-webkit-backdrop-filter:none;backdrop-filter:none}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative}.mascot-wrapper{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.mascot-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(124,179,66,.3) 0%,rgba(174,213,129,.2) 30%,transparent 70%);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;filter:blur(20px)}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.mascot-image{width:140px;height:140px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));animation:bounce-rotate 2s ease-in-out infinite}@keyframes bounce-rotate{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.mascot-shadow{position:absolute;bottom:-10px;width:80px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%);border-radius:50%;animation:shadow-pulse 3s ease-in-out infinite}@keyframes shadow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.6}}.spinner-ring{position:absolute;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center}.spinner-segment{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin 3s linear infinite}.spinner-segment:nth-child(1){border-top-color:var(--primary-color);animation-delay:0s}.spinner-segment:nth-child(2){border-right-color:var(--primary-light);animation-delay:.3s;width:90%;height:90%}.spinner-segment:nth-child(3){border-bottom-color:var(--secondary-color);animation-delay:.6s;width:80%;height:80%}.bouncing-dots{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:20px}.dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));animation:bounce-dot 1.4s ease-in-out infinite;box-shadow:0 4px 10px #7cb3424d}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,80%,to{transform:scale(.8) translateY(0);opacity:.5}40%{transform:scale(1.2) translateY(-20px);opacity:1}}.loading-text{font-size:1.2rem;font-weight:600;color:var(--gray);margin:15px 0;animation:fade-text 2s ease-in-out infinite;letter-spacing:1px}@keyframes fade-text{0%,to{opacity:.6}50%{opacity:1}}.progress-bar{width:250px;height:6px;background:#7cb3421a;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 50%,var(--primary-color) 100%);background-size:200% 100%;border-radius:10px;animation:progress-slide 2s ease-in-out infinite;box-shadow:0 0 10px #7cb34280}@keyframes progress-slide{0%{width:0%;background-position:0% 50%}50%{width:70%;background-position:100% 50%}to{width:100%;background-position:0% 50%}}@media (max-width: 768px){.mascot-wrapper{width:140px;height:140px}.mascot-image{width:100px;height:100px}.spinner-ring{width:160px;height:160px}.progress-bar{width:200px}.loading-text{font-size:1rem}}.loading-container.fade-enter{opacity:0}.loading-container.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.loading-container.fade-exit{opacity:1}.loading-container.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.breadcrumb-section{background:#f8f9fa;padding:20px 0;border-bottom:1px solid #e0e0e0;display:none}body:not(.product-detail-page) .breadcrumb-section{display:none}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px}.breadcrumb a{color:#666;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:5px}.breadcrumb a:hover{color:#7cb342}.breadcrumb .separator{color:#999}.breadcrumb .current{color:#7cb342;font-weight:600}.notification-popup{position:fixed;top:100px;right:30px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;padding:18px 30px;border-radius:12px;box-shadow:0 8px 25px #7cb34266;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;z-index:10000;animation:slideInRight .4s ease,fadeOut .4s ease 2.6s}.notification-popup i{font-size:22px}.product-detail-section{padding:60px 0;background:#fff}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto}.product-gallery{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px;height:fit-content}.main-image{position:relative;width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;background:#f8f9fa}.main-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.main-image:hover img{transform:scale(1.05)}.trial-badge-large{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:12px 24px;border-radius:25px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;box-shadow:0 6px 20px #ffa50066}.trial-badge-large i{font-size:20px}.thumbnail-list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.thumbnail{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease;background:#f8f9fa}.thumbnail:hover{border-color:#7cb342;transform:translateY(-3px)}.thumbnail.active{border-color:#7cb342;box-shadow:0 4px 15px #7cb3424d}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info-detail{display:flex;flex-direction:column;gap:25px}.category-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:20px;color:#fff;font-size:14px;font-weight:700;width:fit-content;box-shadow:0 4px 15px #0003}.category-badge i{font-size:16px}.product-title{font-size:36px;font-weight:800;color:#2d3748;line-height:1.3;margin:0}.product-rating{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:2px solid #f0f0f0}.stars{display:flex;gap:4px}.stars i{color:#ffc107;font-size:18px}.rating-text,.sold-text{font-size:15px;color:#666;font-weight:500}.divider{color:#ddd}.price-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:25px;border-radius:15px;border:2px solid #7CB342}.current-price{font-size:42px;font-weight:800;color:#7cb342;line-height:1}.price-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:#666;font-size:14px}.price-note i{color:#7cb342}.product-description,.product-features{background:#f8f9fa;padding:25px;border-radius:15px;border-left:4px solid #7CB342}.product-description h3,.product-features h3{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 15px;display:flex;align-items:center;gap:10px}.product-description h3 i,.product-features h3 i{color:#7cb342;font-size:20px}.product-description p{color:#666;line-height:1.8;margin:0}.product-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.product-features li{display:flex;align-items:center;gap:12px;color:#666;font-size:15px}.product-features li i{color:#7cb342;font-size:18px;width:24px}.stock-info{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#e8f5e9;border-radius:10px;color:#2e7d32;font-size:15px}.stock-info i{font-size:18px}.stock-info strong{font-weight:700;color:#1b5e20}.quantity-selector{display:flex;align-items:center;gap:20px;padding:20px 0}.quantity-selector label{font-size:16px;font-weight:700;color:#2d3748}.quantity-controls{display:flex;align-items:center;gap:0;border:2px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff}.qty-btn{width:45px;height:45px;border:none;background:#f8f9fa;color:#666;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.qty-btn:hover:not(:disabled){background:#7cb342;color:#fff}.quantity-controls input{width:70px;height:45px;border:none;text-align:center;font-size:18px;font-weight:700;color:#2d3748;border-left:2px solid #e0e0e0;border-right:2px solid #e0e0e0}.quantity-controls input:focus{outline:none;background:#f8fef8}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}.btn-add-to-cart,.btn-buy-now{padding:18px 30px;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.btn-add-to-cart:before,.btn-buy-now:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-add-to-cart:hover:before,.btn-buy-now:hover:before{width:400px;height:400px}.btn-add-to-cart{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;box-shadow:0 6px 20px #7cb34266}.btn-add-to-cart:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}.btn-buy-now{background:linear-gradient(135deg,#ff6f00,#e65100);color:#fff;box-shadow:0 6px 20px #ff6f0066}.btn-buy-now:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6f0080}.btn-add-to-cart i,.btn-buy-now i{font-size:20px;position:relative;z-index:1}.btn-add-to-cart span,.btn-buy-now span{position:relative;z-index:1}.product-guarantee{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:15px;border:2px solid #e0e0e0}.guarantee-item{display:flex;align-items:center;gap:15px}.guarantee-item i{font-size:32px;color:#7cb342;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #7cb34233}.guarantee-item div{display:flex;flex-direction:column;gap:4px}.guarantee-item strong{font-size:15px;color:#2d3748;font-weight:700}.guarantee-item span{font-size:13px;color:#666}.product-tabs-section{padding:60px 0;background:#f8f9fa}.tabs-wrapper{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000014}.tab-panel h2{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:25px;display:flex;align-items:center;gap:12px}.tab-panel h2 i{color:#7cb342;font-size:30px}.tab-panel h3{font-size:20px;font-weight:700;color:#2d3748;margin:30px 0 15px}.tab-panel p{color:#666;line-height:1.8;margin-bottom:15px}.detail-table{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px}.detail-row{display:flex;padding:15px 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.detail-row .label{flex:0 0 180px;font-weight:700;color:#2d3748}.detail-row .value{flex:1;color:#666}.loading-container .spinner{width:60px;height:60px;border:5px solid #e0e0e0;border-top:5px solid #7CB342;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 25px}.loading-container p{font-size:18px;color:#666;font-weight:500}@media (max-width: 1200px){.product-detail-grid{gap:40px}.product-title{font-size:32px}.current-price{font-size:38px}}@media (max-width: 992px){.product-detail-grid{grid-template-columns:1fr;gap:50px}.product-gallery{position:static}.product-guarantee{grid-template-columns:1fr}}@media (max-width: 768px){.product-detail-section{padding:40px 0}.product-title{font-size:26px}.current-price{font-size:32px}.action-buttons{grid-template-columns:1fr}.thumbnail-list{grid-template-columns:repeat(4,1fr);gap:10px}.tabs-wrapper{padding:25px 20px}.tab-panel h2{font-size:24px}.detail-row{flex-direction:column;gap:5px}.detail-row .label{flex:none}.notification-popup{top:80px;right:15px;left:15px;padding:15px 20px;font-size:14px}}@media (max-width: 576px){.quantity-selector{flex-direction:column;align-items:flex-start}.product-rating{flex-wrap:wrap}}.ar-page{padding-top:80px;padding-bottom:60px;background-color:#fff;min-height:80vh}.ar-page-header{background:linear-gradient(135deg,#f1f8e9,#dcedc8);padding:40px 0;margin-bottom:50px;text-align:center}.ar-page-header h2{font-size:32px;color:#33691e;font-weight:700;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.ar-page-header p{color:#558b2f;font-size:16px;max-width:600px;margin:0 auto}.ar-content-wrapper{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.ar-info-side{flex:1;min-width:300px}.ar-info-side h3{font-size:24px;font-weight:600;color:#333;margin-bottom:20px}.ar-info-side p{font-size:16px;color:#666;line-height:1.6;margin-bottom:20px}.ar-features-list{list-style:none;padding:0;margin:0 0 30px}.ar-features-list li{margin-bottom:15px;display:flex;align-items:flex-start;gap:10px;color:#444;line-height:1.5}.ar-features-list li i{color:#7cb342;margin-top:4px}.ar-cta-box{background:#fff8e1;border-left:4px solid #ffb300;padding:15px 20px;border-radius:4px}.ar-cta-box p{margin:0;color:#ff8f00;font-size:15px}.ar-model-side{flex:1;min-width:300px}.ar-model-box{background:#fff;padding:15px;border-radius:20px;box-shadow:0 10px 30px #00000014;position:relative}.ar-button-page{background-color:#fff;border-radius:30px;border:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#333;box-shadow:0 4px 15px #00000026;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.ar-button-page:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 6px 20px #0003}.ar-button-page i{color:#ff9800;font-size:16px}.ar-model-hint{text-align:center;margin-top:15px;font-size:13px;color:#888}.profile-hero{background:linear-gradient(135deg,#a8d08d,#7cb342);padding:100px 0 80px;position:relative;overflow:hidden}.profile-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.profile-hero .container{position:relative;z-index:1;text-align:center}.profile-hero h1{font-size:48px;font-weight:800;color:#fff;margin-bottom:15px;text-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;gap:15px}.profile-hero h1 i{color:#fff59d;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.profile-hero p{font-size:20px;color:#fffffff2;font-weight:500}.profile-section{padding:80px 0;background:linear-gradient(to bottom,#f8f9fa,#fff);min-height:calc(100vh - 300px)}.success-order-banner{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:20px;padding:25px 30px;margin-bottom:35px;display:flex;align-items:center;gap:25px;box-shadow:0 10px 30px #22c55e4d;position:relative;overflow:hidden;animation:slideDown .5s ease-out forwards}.success-order-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;pointer-events:none}.success-icon{width:70px;height:70px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:35px;flex-shrink:0;box-shadow:0 0 0 10px #ffffff1a}.success-content{flex:1}.success-content h3{font-size:24px;font-weight:800;margin-bottom:8px;letter-spacing:.5px}.success-content p{font-size:15px;opacity:.95;line-height:1.6}.success-order-details{display:flex;gap:20px;margin-top:12px;background:#ffffff26;padding:10px 20px;border-radius:12px;display:inline-flex;flex-wrap:wrap}.success-order-details span{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.profile-grid{display:grid;grid-template-columns:350px 1fr;gap:40px;max-width:1400px;margin:0 auto}.profile-sidebar{display:flex;flex-direction:column;gap:25px}.profile-avatar{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 10px 40px #00000014;border:1px solid rgba(124,179,66,.1);transition:all .3s ease}.profile-avatar:hover{transform:translateY(-5px);box-shadow:0 15px 50px #7cb34226}.avatar-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#a8d08d,#7cb342);display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 8px 25px #7cb3424d;position:relative;overflow:hidden}.avatar-circle:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:linear-gradient(135deg,#a8d08d,#7cb342);opacity:.3;filter:blur(10px);z-index:-1}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:2}.profile-avatar-fallback{font-size:70px;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));display:none}.avatar-circle i{font-size:70px;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.profile-avatar h3{font-size:26px;font-weight:700;color:#2d3748;margin-bottom:10px}.user-role{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#fff59d,#f9e79f);color:#666;border-radius:25px;font-size:15px;font-weight:600;box-shadow:0 4px 15px #fff59d66}.profile-stats{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(124,179,66,.1)}.stat-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:2px solid #f0f0f0;transition:all .3s ease}.stat-item:last-child{border-bottom:none}.stat-item:hover{transform:translate(5px)}.stat-item i{font-size:32px;color:#fff;width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7cb342,#558b2f);border-radius:12px;box-shadow:0 4px 15px #7cb3424d}.stat-item div{flex:1;display:flex;flex-direction:column;gap:5px}.stat-number{font-size:28px;font-weight:800;color:#2d3748;line-height:1}.stat-label{font-size:14px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.profile-actions{display:flex;flex-direction:column;gap:15px}.profile-btn-action{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.profile-btn-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.profile-btn-action:hover:before{width:300px;height:300px}.profile-btn-action i{font-size:18px;position:relative;z-index:1}.profile-btn-action span{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;box-shadow:0 6px 20px #7cb34266}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}.btn-secondary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 6px 20px #2196f366}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2196f380}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 6px 20px #f4433666}.btn-danger:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f4433680}.profile-content{display:flex;flex-direction:column;gap:30px}.profile-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(124,179,66,.1);transition:all .3s ease}.profile-card:hover{box-shadow:0 15px 50px #7cb3421f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:25px;border-bottom:3px solid #f0f0f0;position:relative}.card-header:after{content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#7cb342,#a8d08d);border-radius:3px}.card-header h2{font-size:28px;color:#2d3748;display:flex;align-items:center;gap:15px;font-weight:700}.card-header h2 i{color:#7cb342;font-size:30px}.btn-edit{padding:12px 28px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #7cb3424d}.btn-edit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #7cb34266}.info-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.info-item{display:flex;flex-direction:column;gap:10px}.info-item label{font-size:13px;color:#718096;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.info-item label i{color:#7cb342;width:22px;font-size:16px}.info-item span{font-size:17px;color:#2d3748;font-weight:600;padding:15px 18px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.info-item span:hover{border-color:#7cb342;background:#f8fef8}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group:last-of-type{grid-column:1 / -1}.form-group label{font-size:14px;color:#2d3748;font-weight:700;display:flex;align-items:center;gap:8px}.form-group label i{color:#7cb342;width:20px}.form-group input,.form-group textarea{padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;font-family:var(--font-sans);background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7cb342;box-shadow:0 0 0 4px #7cb34226;background:#f8fef8}.form-group textarea{min-height:120px;resize:vertical}.form-actions{grid-column:1 / -1;display:flex;gap:15px;margin-top:15px;justify-content:flex-end}.btn-save,.btn-cancel{padding:15px 35px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.btn-save{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;box-shadow:0 6px 20px #7cb34266}.btn-save:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0;transform:translateY(-2px)}.empty-state{text-align:center;padding:80px 20px}.empty-state i{font-size:100px;color:#e2e8f0;margin-bottom:25px;opacity:.6}.empty-state p{font-size:20px;color:#718096;margin-bottom:30px;font-weight:500}.btn-shop-now{padding:16px 40px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #7cb34266;display:inline-block}.btn-shop-now:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}.shopee-orders-card{padding:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.shopee-orders-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.shopee-orders-header:hover{background:#fcfcfc}.shopee-orders-header h2{font-size:18px;margin:0;display:flex;align-items:center;gap:10px;color:#2d3748}.shopee-orders-header h2 i{color:#7cb342}.view-all-text{font-size:14px;color:#718096;display:flex;align-items:center;gap:6px}.view-all-text i{font-size:12px}.shopee-orders-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 10px;border-bottom:8px solid #f5f5f5}.shopee-tab{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:#4a5568;transition:all .2s}.shopee-tab:hover,.shopee-tab.active{color:#7cb342}.shopee-tab-icon{position:relative;font-size:28px}.shopee-badge{position:absolute;top:-8px;right:-12px;background:#e53e3e;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;border:2px solid white}.shopee-tab span{font-size:13px;text-align:center}.shopee-orders-list{display:flex;flex-direction:column}.shopee-order-item{border-bottom:8px solid #f5f5f5;background:#fff}.shopee-order-shop{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0}.shop-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#2d3748}.shopee-order-status{color:#7cb342;font-size:14px;font-weight:600}.shopee-order-product{display:flex;padding:15px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0;gap:15px}.shopee-order-product img{width:80px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #e2e8f0}.product-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.product-details h4{margin:0;font-size:15px;color:#2d3748;line-height:1.4}.product-meta{display:flex;justify-content:space-between;color:#718096;font-size:13px;margin-top:8px}.product-price{font-weight:600;color:#2d3748;display:flex;align-items:center}.shopee-order-footer{padding:20px}.order-total-price{text-align:right;font-size:14px;color:#4a5568;margin-bottom:15px}.order-total-price span{font-size:20px;font-weight:700;color:#e53e3e;margin-left:10px}.order-actions{display:flex;justify-content:flex-end;gap:10px}.btn-shopee{padding:8px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-repurchase{background:#7cb342;color:#fff;border:1px solid #7CB342}.btn-repurchase:hover{background:#689f38}.btn-contact{background:#fff;color:#4a5568;border:1px solid #cbd5e0}.btn-contact:hover{background:#f7fafc}.order-product-more{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #7cb3424d}.loading-container{text-align:center;padding:120px 20px}.spinner{width:60px;height:60px;border:5px solid #e2e8f0;border-top:5px solid #7CB342;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 25px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:18px;color:#718096;font-weight:500}@media (max-width: 1200px){.profile-grid{grid-template-columns:320px 1fr;gap:30px}.profile-hero h1{font-size:42px}}@media (max-width: 992px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.profile-hero{padding:70px 0 60px}.profile-hero h1{font-size:38px}}@media (max-width: 768px){.profile-hero{padding:60px 0 50px}.profile-hero h1{font-size:32px;flex-direction:column;gap:10px}.profile-hero p{font-size:16px}.profile-section{padding:50px 0}.success-order-banner{flex-direction:column;text-align:center;padding:25px 20px;gap:15px}.success-order-details{justify-content:center;width:100%}.avatar-circle{width:120px;height:120px}.avatar-circle i{font-size:60px}.profile-avatar h3{font-size:22px}.profile-card{padding:30px 20px}.card-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.card-header h2{font-size:18px;gap:8px}.card-header h2 i{font-size:20px}.btn-edit{padding:8px 16px;font-size:13px;white-space:nowrap}.info-display,.profile-form{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%}.profile-sidebar{grid-template-columns:1fr}.profile-stats{display:flex;flex-direction:row;justify-content:space-around;padding:15px}.stat-item{flex-direction:column;text-align:center;border-bottom:none;border-right:1px solid #f0f0f0;gap:8px;padding:10px;flex:1}.stat-item:last-child{border-right:none}.stat-item i{width:40px;height:40px;font-size:20px;margin:0 auto}.stat-number{font-size:18px}.stat-label{font-size:11px}.profile-btn-action.logout{margin-top:15px}}@media (max-width: 576px){.profile-hero h1{font-size:28px}.profile-section{padding:40px 0}.profile-card{padding:25px 15px}.stat-item{padding:10px 5px}.stat-item i{width:35px;height:35px;font-size:18px}.stat-number{font-size:16px}.stat-label{font-size:10px}.profile-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.profile-btn-action{flex:1 1 calc(50% - 5px);padding:10px 12px;font-size:13px}.profile-btn-action.btn-danger{flex:1 1 100%}.shopee-orders-tabs{padding:15px 5px}.shopee-tab-icon{font-size:24px}.shopee-tab span{font-size:11px}.shopee-order-product{padding:12px 15px}.shopee-order-product img{width:60px;height:60px}.order-actions{flex-direction:column}.btn-shopee{width:100%;padding:10px}}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.cursor-dot{width:8px;height:8px;background-color:#558b2f}.cursor-outline{width:40px;height:40px;border:2px solid rgba(85,139,47,.4);transition:width .3s,height .3s,background-color .3s}.cursor-outline.cursor-hover{width:60px;height:60px;background-color:#558b2f1a;border-color:#558b2f33}@media (max-width: 768px){.cursor-dot,.cursor-outline{display:none}}:root{--primary-color: #7CB342;--primary-dark: #558B2F;--primary-light: #AED581;--font-sans: "Times New Roman", Times, serif;--font-display: "Times New Roman", Times, serif;--fs-h1: clamp(36px, 5.6vw, 80px);--fs-h2: clamp(28px, 4.2vw, 48px);--fs-h3: clamp(20px, 2.6vw, 28px);--lead-size: clamp(16px, 1.4vw, 18px);--heading-line-height: 1.06;--ui-line-height: 1.6;--secondary-color: #FF6F00;--white: #FFFFFF;--gray: #333333;--light-gray: #F5F5F5;--text-gray: #666666;--border-color: #E0E0E0;--shadow: 0 2px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 5px 25px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.6;color:var(--gray);background-color:#fafafa;overflow-x:hidden;width:100%;position:relative}h1,h2,h3,h4,h5,h6,.logo-text{font-family:var(--font-display);font-weight:700;letter-spacing:.01em}body,input,button,select,textarea{font-family:var(--font-sans)}h1{font-size:var(--fs-h1);line-height:var(--heading-line-height);margin:0 0 .4em;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}h2{font-size:var(--fs-h2);line-height:var(--heading-line-height);margin:0 0 .35em;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}p,li,span,a{line-height:var(--ui-line-height)}.prevent-overlap{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}html,body,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-header{background-color:var(--white);border-bottom:1px solid var(--border-color);padding:8px 0}.top-header .container{display:flex;justify-content:space-between;align-items:center;min-height:70px}.logo{display:flex;align-items:center;gap:0;transition:all .3s ease}.logo a{text-decoration:none;display:inline-block;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.logo a:hover{transform:translateY(-3px)}.logo img{height:110px;width:110px;object-fit:contain;display:block;filter:drop-shadow(0 3px 10px rgba(0,0,0,.18));transition:all .3s cubic-bezier(.4,0,.2,1)}.logo a:hover img{transform:scale(1.1);filter:drop-shadow(0 5px 20px rgba(124,179,66,.45))}.logo-text{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1.5px;text-decoration:none;position:relative;transition:all .3s ease}.logo a:hover .logo-text{letter-spacing:2.5px;transform:scale(1.02)}.header-actions{display:flex;align-items:center;gap:25px}.auth-links{display:flex;gap:15px;align-items:center}.auth-links a{color:var(--gray);text-decoration:none;font-weight:500;padding:8px 15px;border-radius:6px;transition:all .3s ease}.auth-links a:hover{color:var(--primary-color);background-color:#7cb3421a}.auth-links .user-greeting{color:var(--primary-color);font-weight:600;display:flex;align-items:center;gap:8px}.auth-links .user-greeting i{font-size:20px}.auth-links .user-greeting:hover{background-color:#7cb34226}.auth-links .logout-link{color:#e74c3c}.auth-links .logout-link:hover{background-color:#e74c3c1a;color:#c0392b}.auth-links .separator{color:var(--text-gray)}.auth-links .user-name{color:var(--primary-color);font-weight:600}.auth-links .logout-btn{color:#e74c3c;cursor:pointer}.auth-links .logout-btn:hover{background-color:#e74c3c1a}.user-menu-wrapper{position:relative}.user-menu-btn{background:none;border:none;color:var(--gray);font-weight:600;padding:8px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;font-size:14px}.user-menu-btn:hover{color:var(--primary-color);background-color:#7cb3421a}.user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color);box-shadow:0 2px 8px #7cb3424d;transition:all .3s ease}.user-menu-btn:hover .user-avatar{transform:scale(1.08);box-shadow:0 3px 12px #7cb34280}.user-avatar-fallback{font-size:38px;color:var(--primary-color);display:none}.user-name{font-weight:600;color:var(--gray)}.user-menu-btn:hover .user-name{color:var(--primary-color)}.user-menu-btn i.fa-user-circle{font-size:20px;color:var(--primary-color)}.user-menu-btn i.fa-chevron-down{font-size:11px;margin-left:auto;opacity:.7}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:10px;box-shadow:0 5px 20px #00000026;min-width:200px;z-index:1000;overflow:hidden;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--gray);text-decoration:none;border:none;background:none;width:100%;text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.user-dropdown a:last-child,.user-dropdown button:last-child{border-bottom:none}.user-dropdown a:hover,.user-dropdown button:hover{background-color:#7cb3421a;color:var(--primary-color)}.user-dropdown button:hover{color:#e74c3c;background-color:#e74c3c1a}.user-dropdown i{width:20px;text-align:center}.cart-link{position:relative;color:var(--gray);font-size:1.5rem;padding:8px 15px;border-radius:8px;transition:all .3s ease;background-color:var(--light-gray);text-decoration:none}.cart-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.cart-link .cart-count{position:absolute;top:0;right:5px;background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 5px #ff6f004d}.main-navbar{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));position:sticky;top:0;z-index:999;box-shadow:0 4px 20px #00000026}.main-navbar .container{display:flex;align-items:center;gap:20px;padding:0 20px;min-height:60px}.navbar-left{position:relative;z-index:1100}.category-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1040;animation:fadeIn .3s ease}.category-menu-btn{background:linear-gradient(135deg,#ffffff26,#ffffff0d);color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.5px;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.category-menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.category-menu-btn:hover:before{left:100%}.category-menu-btn:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 6px 25px #0000004d}.category-menu-btn:active{transform:translateY(-1px)}.category-menu-btn i{font-size:1.1rem;transition:transform .3s ease}.category-menu-btn:hover i{transform:rotate(90deg)}.category-dropdown{display:none!important;position:fixed;top:142px;left:20px;background:#fff;min-width:320px;border-radius:15px;box-shadow:0 15px 50px #0006;z-index:1050;border:3px solid var(--primary-color);overflow:hidden}.category-dropdown.active{display:block!important;animation:dropdownSlideIn .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.category-dropdown ul{list-style:none;padding:12px 0;margin:0}.category-dropdown li{margin:0;position:relative}.category-dropdown li:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,179,66,.15),transparent)}.category-dropdown li:last-child:after{display:none}.category-dropdown a{display:flex;align-items:center;gap:15px;padding:18px 24px;color:#1a1a1a;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:800;font-size:16px;position:relative;overflow:hidden;background:#fff}.category-dropdown a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));transform:scaleY(0);transition:transform .3s ease}.category-dropdown a:hover:before{transform:scaleY(1)}.category-dropdown a:hover{background:linear-gradient(90deg,#7cb34226,#7cb34214);color:var(--primary-dark);padding-left:32px;transform:translate(4px)}.category-dropdown i{font-size:1.2rem;width:24px;text-align:center;color:var(--primary-color);transition:all .3s ease}.category-dropdown a:hover i{transform:scale(1.15) rotate(5deg);color:var(--primary-dark)}.category-dropdown li:last-child a{background:linear-gradient(135deg,#7cb3421a,#7cb3420d);margin:8px 12px;border-radius:10px;font-weight:700;color:var(--primary-dark)}.category-dropdown li:last-child a:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.category-dropdown li:last-child a:hover i{color:#fff}.nav-menu{display:flex;list-style:none;align-items:center;gap:5px;margin:0;padding:0;flex:1}.nav-menu.desktop-only{display:flex}.combined-menu-wrapper{display:none}.nav-menu li a{color:#fff;text-decoration:none;padding:10px 18px;transition:all .3s ease;font-weight:700;font-size:15px;border-radius:8px;display:flex;align-items:center;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:1}.nav-menu li a:hover{background-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.nav-menu li a.active{background-color:#ffffff4d;color:#fff;font-weight:800;box-shadow:0 3px 12px #0006;position:relative;opacity:1}.nav-menu li a.active:before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent,white,transparent);border-radius:2px 2px 0 0}.search-box{display:flex;background-color:#fff;border-radius:25px;overflow:hidden;box-shadow:0 2px 8px #0000001a;min-width:280px}.search-box input{border:none;padding:8px 16px;outline:none;flex:1;font-size:13px}.search-box input::placeholder{color:#999}.search-box button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;padding:10px 20px;cursor:pointer;color:#fff;transition:all .3s ease}.search-box button:hover{background:linear-gradient(135deg,var(--primary-dark),#3d5a1f)}.search-box button i{font-size:1.1rem}.banner{background:#fff;color:#333;padding:100px 0 60px;text-align:center;position:relative;overflow:hidden;margin-top:0;border-bottom:1px solid #e0e0e0}.banner:before{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 1440 320"><path fill="rgba(124,179,66,0.05)" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,106.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.3}.carousel-section{margin-top:0;padding-top:0}.carousel-item img{width:100%;height:450px;object-fit:cover}section{padding:70px 0}.banner .container{position:relative;z-index:1}.banner h1{font-size:3rem;margin-bottom:20px;font-weight:700;color:#333;text-shadow:none;animation:fadeInUp .8s ease}.banner p{font-size:1.3rem;color:#666;opacity:.95;animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{padding:80px 0}section h2{text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:700;color:var(--gray);position:relative;padding-bottom:20px}section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px}.carousel-section{margin-top:85px;padding:0}.carousel-item img{height:500px;object-fit:cover;filter:brightness(.9)}.carousel-control-prev-icon,.carousel-control-next-icon{width:3rem;height:3rem}.carousel-indicators button{width:12px;height:12px;border-radius:50%}.trial-section{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:70px 0;position:relative;overflow:hidden}.trial-section:before{content:"🎁";position:absolute;font-size:15rem;opacity:.05;right:-50px;top:50%;transform:translateY(-50%)}.trial-header{text-align:center;margin-bottom:50px}.trial-tag{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 20px;border-radius:25px;font-weight:700;font-size:.95rem;margin-bottom:15px;box-shadow:0 4px 15px #ff6b6b4d}.trial-header h2{color:#ff6b6b;margin-bottom:15px;font-size:2.5rem}.trial-header p{color:var(--text-gray);font-size:1.1rem}.trial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.categories-section{background:linear-gradient(135deg,#7cb3420d,#aed5810d);padding:60px 0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.category-card{background:#fff;padding:40px 30px;border-radius:15px;text-align:center;box-shadow:var(--shadow);transition:all .4s ease;cursor:pointer;border:2px solid transparent}.category-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover);border-color:var(--primary-color)}.category-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-icon i{font-size:2.5rem;color:#fff}.category-card h3{font-size:1.5rem;margin-bottom:10px;color:var(--gray);font-weight:700}.category-card p{color:var(--text-gray);margin:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}.product-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:all .4s ease;position:relative;border:1px solid var(--border-color)}.add-to-cart-notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 10px 40px #7cb34280;z-index:1000;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;animation:popIn .3s ease}.add-to-cart-notification i{font-size:24px}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.product-badge{position:absolute;top:15px;right:15px;background-color:var(--primary-color);color:#fff;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:2;box-shadow:0 2px 10px #0003}.trial-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:700;z-index:2;box-shadow:0 3px 15px #ff6b6b66;animation:pulse 2s infinite}.ready-to-eat-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;z-index:2;box-shadow:0 2px 10px #4caf5066;display:flex;align-items:center;gap:5px}.ready-to-eat-badge i{font-size:.85rem}.best-seller-badge{position:absolute;top:55px;left:15px;background:linear-gradient(135deg,gold,orange);color:#333;padding:8px 15px;border-radius:20px;font-size:.85rem;font-weight:700;z-index:2;box-shadow:0 3px 15px #ffd70080;animation:pulse 2s infinite}.combo-discount-badge{position:absolute;top:55px;right:15px;background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:700;z-index:2;box-shadow:0 3px 15px #e91e6366;animation:pulse 2s infinite}.product-price-container{display:flex;align-items:center;gap:10px;margin-bottom:15px}.product-price-original{color:#999;font-size:1.1rem;font-weight:500;text-decoration:line-through;margin:0}.product-price-combo{color:#e91e63;font-weight:700;font-size:1.6rem;margin:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-trial{background:linear-gradient(135deg,#ff6b6b,#ff8e53);box-shadow:0 4px 15px #ff6b6b4d}.btn-trial:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 6px 20px #ff6b6b66}.trial-product-card{border:2px solid #FFE0B2;position:relative}.trial-product-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff6b6b08,#ff8e5308);pointer-events:none}.trial-product-card:hover{border-color:#ff8e53}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));opacity:0;transition:opacity .4s ease;z-index:0}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.product-card:hover:before{opacity:.03}.product-image{width:100%;height:240px;overflow:hidden;position:relative;background:#f8faf5}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover img{transform:scale(1.08)}.product-info{padding:20px;position:relative;z-index:1}.product-info h3{margin-bottom:10px;font-size:1.15rem;font-weight:800;color:#222;transition:color .3s}.product-card:hover .product-info h3{color:var(--primary-color)}.product-info p{color:#666;font-size:.9rem;margin-bottom:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{color:var(--primary-color);font-weight:800;font-size:1.25rem;margin-bottom:20px;display:block}.product-card .btn{width:100%;border:none;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.product-actions{display:flex;gap:10px;margin-top:15px}.product-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.product-card:not(.trial-product-card) .product-buttons-grid{display:flex;gap:8px}.btn-action-card{padding:10px 8px;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a;flex:1;white-space:nowrap}.trial-product-card .btn-action-card{flex-direction:column;padding:12px 10px;min-height:75px}.trial-product-card .btn-action-card i{font-size:22px}.trial-product-card .btn-action-card span{font-size:12px}.product-card:not(.trial-product-card) .btn-action-card{flex-direction:row;padding:10px 14px;min-height:42px;font-size:13px}.product-card:not(.trial-product-card) .btn-action-card i{font-size:16px}.product-card:not(.trial-product-card) .btn-view-detail-card{background:transparent;color:#2196f3;border:1.5px solid #2196F3;box-shadow:none;flex:0 0 42px;width:42px;height:42px;padding:0;justify-content:center}.product-card:not(.trial-product-card) .btn-view-detail-card span{display:none}.product-card:not(.trial-product-card) .btn-view-detail-card:hover{background:#e3f2fd;box-shadow:0 4px 12px #2196f326}.btn-action-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-action-card:hover:before{width:300px;height:300px}.btn-action-card i{position:relative;z-index:1}.btn-action-card span{position:relative;z-index:1;font-weight:700;letter-spacing:.3px;font-size:13px}.btn-add-to-cart-card{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff}.btn-add-to-cart-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #7cb34266}.btn-buy-trial{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-buy-trial:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #ff980066}.btn-view-detail-card{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-view-detail-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #2196f366}.trial-product-card .product-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trial-product-card .btn-view-detail-card{grid-column:1 / -1;min-height:55px}.btn-add-cart{flex:1;padding:12px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #7cb3424d;white-space:nowrap;min-width:150px}.btn-add-cart:hover{background:linear-gradient(135deg,var(--primary-dark),#3d5a1f);transform:translateY(-2px);box-shadow:0 6px 20px #7cb34266}.btn-buy-now{flex:1;padding:12px 20px;background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #ff6f004d}.btn-buy-now:hover{background:linear-gradient(135deg,#f57c00,#ff6f00);transform:translateY(-2px);box-shadow:0 6px 20px #ff6f0066}.btn-buy-now i,.btn-add-cart i{font-size:1rem}.btn-view-detail{width:100%;padding:12px 20px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #2196f34d;margin-top:10px}.btn-view-detail:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.btn-view-detail i{font-size:1rem}.btn{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;font-weight:600;box-shadow:0 4px 15px #7cb3424d;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7cb34266;color:var(--white)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}footer{background:linear-gradient(135deg,#2c3e50,#1a252f);color:var(--white);padding:70px 0 30px;position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light))}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-bottom:50px}.contact-info h3,.social-links h3{margin-bottom:20px;font-size:1.3rem;color:var(--primary-light)}.contact-info p{margin-bottom:12px;opacity:.9}.social-links a{color:var(--white);text-decoration:none;display:inline-block;margin-right:15px;margin-bottom:15px;padding:10px 20px;background:#ffffff1a;border-radius:8px;transition:all .3s ease}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.15);opacity:.8}.auth-section,.checkout-section,.contact-section{min-height:70vh;padding-top:120px;background:linear-gradient(135deg,#7cb3420d,#aed5810d)}.auth-container,.checkout-container,.contact-container{max-width:500px;margin:0 auto;background:#fff;padding:40px;border-radius:15px;box-shadow:var(--shadow-hover)}.auth-container h1,.checkout-container h1,.contact-container h2{margin-bottom:30px;color:var(--primary-color);text-align:center}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray)}input,textarea,select{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:var(--font-sans)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7cb3421a}textarea{resize:vertical;min-height:120px}.auth-links{text-align:center;margin-top:20px;color:var(--text-gray)}.auth-links a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-links a:hover{text-decoration:underline}.cart-section{min-height:60vh;padding-top:120px}.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.cart-table thead{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.cart-table th{padding:20px 15px;text-align:left;font-weight:600}.cart-table td{padding:20px 15px;border-bottom:1px solid var(--border-color);text-align:left}.cart-table tbody tr:hover{background-color:#7cb3420d}.cart-table button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:600}.cart-table button:hover{transform:scale(1.05)}.btn-quantity:hover{background:var(--primary-color)!important;color:#fff!important}.cart-summary{margin-top:30px;padding:25px;background:#fff;border-radius:10px;box-shadow:var(--shadow)}.cart-total{text-align:right;margin-bottom:20px;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.checkout-btn{float:right;padding:15px 40px;font-size:1.1rem}.products-header{padding:140px 0 60px;background:linear-gradient(135deg,#7cb3421a,#aed5811a);text-align:center}.products-header h1{font-size:2.5rem;color:var(--gray);margin-bottom:30px;font-weight:700}.filters{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.filter-btn{padding:12px 25px;background:#fff;border:2px solid var(--border-color);border-radius:25px;color:var(--gray);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-btn i{font-size:1.1rem}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px #7cb34233}.filter-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-color);box-shadow:0 4px 15px #7cb3424d}.products-grid{padding:60px 0}.notification{position:fixed;top:100px;right:20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:15px 25px;border-radius:10px;box-shadow:var(--shadow-hover);z-index:9999;animation:slideInRight .4s ease,fadeOut .4s ease 2.6s}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(400px)}}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.checkout-section{padding:60px 0;background:#fafafa}.checkout-section h1{text-align:center;color:var(--gray);margin-bottom:40px;font-size:32px}.checkout-container{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;max-width:1200px;margin:0 auto}.order-summary-box{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow);height:fit-content;position:sticky;top:100px}.order-summary-box h2{color:var(--gray);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:10px}.order-summary-box h2 i{color:var(--primary-color)}.order-items{max-height:400px;overflow-y:auto;margin-bottom:20px}.order-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--border-color);align-items:center}.order-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.order-item .item-info{flex:1}.order-item h4{font-size:14px;color:var(--gray);margin-bottom:5px}.order-item .item-quantity{font-size:13px;color:var(--text-gray)}.item-quantity-control{display:flex;align-items:center;gap:10px;margin-top:8px}.btn-qty{width:28px;height:28px;border:1px solid var(--border-color);background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:12px;color:var(--text-gray)}.btn-qty:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.qty-display{font-weight:600;color:var(--gray);min-width:30px;text-align:center;font-size:14px}.order-item .item-price{font-weight:600;color:var(--primary-color);font-size:15px}.order-totals{border-top:2px solid var(--border-color);padding-top:20px}.total-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px;color:var(--text-gray)}.total-row.final-total{margin-top:15px;padding-top:15px;border-top:2px solid var(--primary-color);font-size:18px;color:var(--gray)}.total-row .total-price{color:var(--primary-color);font-size:22px;font-weight:700}.checkout-form{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow)}.checkout-form h2{color:var(--gray);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:10px}.checkout-form h2 i{color:var(--primary-color)}.form-group label{display:block;margin-bottom:8px;color:var(--gray);font-weight:500;font-size:14px}.form-group label i{color:var(--primary-color);margin-right:5px;width:18px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:var(--font-sans);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7cb3421a}.form-group textarea{resize:vertical;min-height:80px}.btn-checkout{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #7cb3424d;margin-top:30px}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7cb34266}.btn-checkout:active{transform:translateY(0)}.empty-cart{text-align:center;padding:40px 20px}.empty-cart i{font-size:60px;color:var(--border-color);margin-bottom:15px}.empty-cart p{color:var(--text-gray);margin-bottom:20px}@media (max-width: 968px){.checkout-container{grid-template-columns:1fr}.order-summary-box{position:static;order:-1}}@media (max-width: 576px){.checkout-section h1{font-size:24px}.order-summary-box,.checkout-form{padding:20px}.order-item img{width:50px;height:50px}}.contact-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;padding:60px 20px}.contact-hero h1{font-size:36px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.contact-hero h1 i{font-size:32px}.contact-hero p{font-size:18px;opacity:.95}.contact-cards-section{padding:60px 0;background:#fafafa}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.contact-card{background:#fff;padding:40px 30px;border-radius:12px;text-align:center;box-shadow:var(--shadow);transition:all .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.contact-card .card-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;color:#fff}.contact-card h3{color:var(--gray);margin-bottom:15px;font-size:20px}.contact-card p{color:var(--text-gray);margin-bottom:8px;line-height:1.6}.contact-card a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s}.contact-card a:hover{color:var(--primary-dark)}.contact-card .card-subtitle{font-size:13px;color:var(--primary-color);font-weight:500;margin-top:10px}.contact-main-section{padding:60px 0}.contact-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}.section-header{text-align:center;margin-bottom:40px}.section-header i{font-size:40px;color:var(--primary-color);margin-bottom:15px}.section-header h2{color:var(--gray);font-size:32px;margin-bottom:10px}.section-header p{color:var(--text-gray);font-size:16px}.contact-form-wrapper{background:#fff;padding:40px;border-radius:12px;box-shadow:var(--shadow)}.modern-contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.modern-contact-form .form-group{display:flex;flex-direction:column}.modern-contact-form label{color:var(--gray);font-weight:500;margin-bottom:8px;font-size:14px;display:flex;align-items:center;gap:8px}.modern-contact-form label i{color:var(--primary-color)}.modern-contact-form input,.modern-contact-form textarea,.modern-contact-form select{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:var(--font-sans);transition:all .3s ease}.modern-contact-form input:focus,.modern-contact-form textarea:focus,.modern-contact-form select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7cb3421a}.modern-contact-form textarea{resize:vertical}.btn-send{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #7cb3424d;margin-top:10px}.btn-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7cb34266}.contact-info-sidebar{display:flex;flex-direction:column;gap:30px}.info-box{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow)}.info-box h3{color:var(--gray);font-size:18px;margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.info-box h3 i{color:var(--primary-color)}.faq-item{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h4{color:var(--gray);font-size:15px;margin-bottom:8px}.faq-item p{color:var(--text-gray);font-size:14px;line-height:1.6}.social-links-modern{display:flex;flex-direction:column;gap:12px}.social-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;color:#fff}.social-btn i{font-size:18px}.social-btn.facebook{background:linear-gradient(135deg,#3b5998,#2d4373)}.social-btn.instagram{background:linear-gradient(135deg,#e4405f,#c13584)}.social-btn.zalo{background:linear-gradient(135deg,#0068ff,#0047b3)}.social-btn.tiktok{background:linear-gradient(135deg,#000,#ee1d52)}.social-btn:hover{transform:translate(5px);box-shadow:0 4px 15px #0003}.map-section{padding:60px 0;background:#fafafa}.map-container{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-hover)}@media (max-width: 968px){.contact-layout,.modern-contact-form .form-row{grid-template-columns:1fr}.contact-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.contact-hero h1{font-size:28px}.contact-hero p{font-size:16px}.contact-cards{grid-template-columns:1fr}.contact-form-wrapper,.info-box{padding:25px}.section-header h2{font-size:24px}}@keyframes ch-fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ch-orbPulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.2);opacity:.2}}@keyframes ch-leafDrift{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.55}90%{opacity:.35}to{transform:translateY(-100px) rotate(25deg);opacity:0}}@keyframes ch-ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ch-cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ch-shimmer{0%{left:-100%}to{left:200%}}.contact-hero-new{position:relative;padding:80px 0 100px;overflow:hidden;background:linear-gradient(145deg,#f0f9e8,#e8f5e0 40%,#f7fbf2)}.contact-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 550px 400px at 100% 0%,rgba(124,179,66,.16) 0%,transparent 65%),radial-gradient(ellipse 350px 250px at 0% 100%,rgba(85,139,47,.12) 0%,transparent 55%)}.contact-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.ch-orb{position:absolute;border-radius:50%;animation:ch-orbFloat 8s ease-in-out infinite}.ch-orb-1{width:300px;height:300px;top:-100px;right:-80px;background:radial-gradient(circle,#7cb34233,#7cb34208);border:1px solid rgba(124,179,66,.14);animation-delay:0s}.ch-orb-2{width:180px;height:180px;bottom:-60px;left:-30px;background:radial-gradient(circle,#558b2f29,#558b2f08);border:1px solid rgba(85,139,47,.1);animation-delay:3s}.ch-orb-3{width:120px;height:120px;top:30%;left:48%;background:radial-gradient(circle,#aed5812e,#aed58105);border:1px solid rgba(174,213,129,.15);animation-delay:1.5s}.ch-leaf{position:absolute;color:#7cb34226;font-size:38px;animation:ch-ringRotate 20s linear infinite}.ch-leaf-1{top:10%;right:20%;font-size:48px;animation-duration:24s}.ch-leaf-2{bottom:12%;left:5%;font-size:32px;animation-direction:reverse;animation-duration:18s}.ch-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(124,179,66,.1);animation:ch-ringRotate 22s linear infinite}.ch-ring-1{width:460px;height:460px;top:-180px;right:-140px}.ch-ring-2{width:280px;height:280px;top:-80px;right:-40px;animation-direction:reverse;animation-duration:15s}.contact-hero-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}.contact-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;background:#7cb3421f;border:1px solid rgba(124,179,66,.25);color:#558b2f;font-size:13px;font-weight:700;margin-bottom:20px;opacity:0;animation:ch-fadeUp .7s ease forwards .1s}.contact-hero-title{font-size:clamp(34px,4vw,56px);font-weight:900;color:#1a3a0f;line-height:1.12;letter-spacing:-1.5px;margin:0 0 16px;opacity:0;animation:ch-fadeUp .8s ease forwards .26s}.ch-accent{background:linear-gradient(135deg,#4a9e1a,#7cb342,#558b2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-desc{font-size:17px;color:#5a7a4a;line-height:1.75;margin:0 0 26px;opacity:0;animation:ch-fadeUp .8s ease forwards .42s}.contact-hero-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;opacity:0;animation:ch-fadeUp .8s ease forwards .56s}.ch-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#fff;border:1.5px solid rgba(124,179,66,.22);color:#4a7a25;font-size:13px;font-weight:700;box-shadow:0 3px 12px #7cb3421a;transition:all .25s ease}.ch-pill:hover{background:#7cb34214;border-color:#7cb34266;transform:translateY(-2px);box-shadow:0 6px 18px #7cb34229}.ch-pill i{color:#7cb342}.contact-hero-wave{position:absolute;bottom:0;left:0;right:0;z-index:3;line-height:0}.contact-hero-wave svg{width:100%;height:55px;display:block}@keyframes ch-orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}.contact-cards-section{padding:60px 0 30px;background:#fafafa}.contact-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contact-info-card{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:20px;background:#fff;border:1px solid rgba(124,179,66,.1);box-shadow:0 6px 24px #0000000d;opacity:0;animation:ch-cardIn .55s ease forwards;transition:transform .28s ease,box-shadow .28s ease}.contact-info-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #0000001a}.cic-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.contact-info-card--green .cic-icon-wrap{background:linear-gradient(135deg,#7cb34226,#558b2f1a);color:#558b2f}.contact-info-card--blue .cic-icon-wrap{background:linear-gradient(135deg,#2196f31f,#1976d214);color:#1976d2}.contact-info-card--orange .cic-icon-wrap{background:linear-gradient(135deg,#ff6f001f,#e6510014);color:#e65100}.contact-info-card--purple .cic-icon-wrap{background:linear-gradient(135deg,#9c27b01f,#7b1fa214);color:#7b1fa2}.cic-body h3{font-size:15px;font-weight:800;color:#222;margin:0 0 6px}.cic-body p{font-size:14px;color:#666;margin:2px 0;line-height:1.5}.cic-body a{color:inherit;text-decoration:none}.cic-body a:hover{color:#7cb342}.cic-sub{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#7cb342;background:#7cb3421a;padding:3px 10px;border-radius:999px}.contact-main-section{padding:40px 0 70px;background:#fafafa}.contact-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:start}.contact-form-panel{background:#fff;border-radius:24px;padding:36px;border:1px solid rgba(124,179,66,.1);box-shadow:0 8px 32px #0000000f}.cfp-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.cfp-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#7cb342,#558b2f);flex-shrink:0}.cfp-header h2{font-size:22px;font-weight:800;color:#222;margin:0 0 4px}.cfp-header p{font-size:14px;color:#888;margin:0}.form-success-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:14px;margin-bottom:22px;background:linear-gradient(135deg,#7cb3421f,#558b2f14);border:1px solid rgba(124,179,66,.25)}.form-success-banner i{font-size:22px;color:#558b2f;flex-shrink:0;margin-top:2px}.form-success-banner strong{display:block;font-size:15px;color:#2e5e14;margin-bottom:2px}.form-success-banner span{font-size:13px;color:#4a7a25}.contact-form-new{display:flex;flex-direction:column;gap:18px}.cfn-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cfn-group{display:flex;flex-direction:column;gap:7px}.cfn-group label{font-size:13px;font-weight:700;color:#444;display:flex;align-items:center;gap:6px}.cfn-group label span{color:#e53935}.cfn-group label i{color:#7cb342}.cfn-group input,.cfn-group select,.cfn-group textarea{padding:12px 16px;border:1.5px solid #e8e8e8;border-radius:12px;font-size:14px;color:#333;outline:none;background:#fafafa;transition:border-color .25s,box-shadow .25s,background .25s;font-family:inherit}.cfn-group input:focus,.cfn-group select:focus,.cfn-group textarea:focus{border-color:#7cb342;box-shadow:0 0 0 3px #7cb3421f;background:#fff}.cfn-group textarea{resize:vertical;min-height:120px}.cfn-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:15px 36px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;font-size:16px;font-weight:700;box-shadow:0 10px 28px #7cb34259;transition:transform .25s,box-shadow .25s;align-self:flex-start}.cfn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 36px #7cb34273}.cfn-submit:disabled{opacity:.65;cursor:not-allowed}.btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:ch-shimmer 3s ease-in-out infinite 1.5s}.contact-sidebar{display:flex;flex-direction:column;gap:20px}.cs-box{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(124,179,66,.1);box-shadow:0 6px 24px #0000000d}.cs-box-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.cs-box-header i{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#558b2f;background:#7cb3421f}.cs-box-header h3{font-size:16px;font-weight:800;color:#222;margin:0}.cs-faq-item{padding:12px 0;border-bottom:1px solid #f5f5f5}.cs-faq-item:last-child{border-bottom:none}.cs-faq-q{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:700;color:#333;margin-bottom:5px}.cs-faq-q i{color:#7cb342;font-size:11px;margin-top:3px;flex-shrink:0}.cs-faq-a{font-size:13px;color:#777;line-height:1.6;padding-left:19px}.cs-socials{display:flex;flex-direction:column;gap:10px}.cs-social{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s}.cs-social:hover{transform:translate(4px)}.cs-social i{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px}.cs-social--fb{background:#1877f214;color:#1877f2}.cs-social--fb i{background:#1877f226;color:#1877f2}.cs-social--zalo{background:#0068ff14;color:#0068ff}.cs-social--zalo i{background:#0068ff26;color:#0068ff}.cs-social--tiktok{background:#0000000f;color:#111}.cs-social--tiktok i{background:#0000001a;color:#111}.contact-map-section{padding:50px 0 80px;background:#fff}.contact-map-header{text-align:center;margin-bottom:32px}.contact-map-header h2{font-size:32px;font-weight:800;color:#222;margin:8px 0 10px;letter-spacing:-.5px}.contact-map-header p{font-size:15px;color:#888}.contact-map-frame{border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #0000001a;border:1px solid rgba(124,179,66,.12)}@media (max-width:968px){.contact-cards-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.cfn-row{grid-template-columns:1fr}.contact-hero-new{padding:100px 0 110px;background-attachment:scroll}.contact-hero-title{font-size:36px}}@media (max-width:600px){.contact-cards-grid{grid-template-columns:1fr}.ch-ring-1,.ch-ring-2{display:none}.contact-form-panel{padding:24px 18px}}.section-label{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:linear-gradient(135deg,#7cb3421f,#558b2f14);border:1px solid rgba(124,179,66,.22);color:#558b2f;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:12px}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #7cb34259;opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:1000;outline:none}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #7cb34280;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark))}.scroll-to-top-btn:active{transform:translateY(-2px) scale(.98)}.scroll-to-top-btn svg{transition:transform .3s cubic-bezier(.165,.84,.44,1)}.scroll-to-top-btn:hover svg{transform:translateY(-3px)}@media screen and (max-width: 768px){.scroll-to-top-btn{bottom:24px;right:20px;width:44px;height:44px;box-shadow:0 4px 15px #7cb3424d}.scroll-to-top-btn:hover{transform:translateY(-2px) scale(1.02)}}.mobile-nav-tools{display:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative;width:45px;height:45px;justify-content:center;align-items:center;border-radius:8px;transition:all .3s ease}.mobile-menu-btn:hover{background-color:#fff3}.mobile-menu-btn span{width:28px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease;display:block}.mobile-menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media screen and (max-width: 992px){.top-header .container{padding:10px 20px}.logo-text{font-size:1.4rem}.logo img{height:40px;width:40px}.search-box{min-width:200px}.search-box input{font-size:13px;padding:8px 15px}}@media screen and (max-width: 768px){.navbar-left,.search-box{display:none!important}.mobile-nav-tools{display:flex;align-items:center;gap:10px;width:100%}.mobile-search-bar{flex:1;display:flex;background:#ffffffe6;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000026;height:44px}.mobile-search-bar input{flex:1;border:none;padding:0 15px;font-size:14px;outline:none;background:transparent}.mobile-search-bar button{width:44px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.combined-menu-wrapper{display:block!important}.combined-menu-btn{width:44px;height:44px;background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;transition:all .3s ease;padding:0}.combined-menu-btn:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff26);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.combined-menu-btn i{font-size:18px}.combined-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1100;animation:fadeIn .3s ease}.combined-menu-dropdown{position:fixed;top:0;right:0;width:90%;max-width:380px;height:100vh;background:#fff;z-index:1101;box-shadow:-5px 0 30px #0000004d;overflow-y:auto;animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.combined-menu-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:24px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 10px #00000026;position:sticky;top:0;z-index:10}.combined-menu-header img{width:50px;height:50px;object-fit:contain}.combined-menu-header span{flex:1;font-size:20px;font-weight:800;color:#fff;letter-spacing:1.2px}.combined-menu-header button{width:42px;height:42px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.combined-menu-header button:hover{background:#ffffff4d;transform:rotate(90deg)}.menu-section{padding:20px 0;border-bottom:2px solid #f0f0f0}.menu-section:last-child{border-bottom:none}.menu-section h3{padding:0 20px 15px;font-size:14px;font-weight:800;color:var(--primary-dark);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px}.menu-section h3 i{font-size:16px}.menu-section ul{list-style:none;padding:0;margin:0}.menu-section li{margin:0}.menu-section li a{display:flex;align-items:center;padding:16px 20px;color:#2c3e50;text-decoration:none;font-weight:600;font-size:15px;gap:15px;transition:all .3s ease;position:relative}.menu-section li a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.menu-section li a:hover:before{transform:scaleY(1)}.menu-section li a i{width:24px;font-size:18px;color:var(--primary-color);transition:all .3s ease}.menu-section li a:hover{background:linear-gradient(90deg,rgba(124,179,66,.12),transparent);color:var(--primary-dark);padding-left:28px}.menu-section li a:hover i{transform:scale(1.15)}.mobile-menu-btn{display:none}.top-header{padding:10px 0;position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a}.logo-text{display:none}.header-actions{gap:15px}.auth-links{gap:8px}.auth-links a{padding:6px 10px;font-size:.9rem}.auth-links .separator{display:none}.main-navbar{position:sticky;top:60px;z-index:999;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 2px 8px #0000001a}.main-navbar .container{flex-wrap:nowrap;position:relative;height:auto;padding:12px;gap:0}.navbar-left{order:1;flex:1;margin-bottom:0;position:relative;z-index:1100}.category-menu-btn{width:100%;justify-content:center;font-size:.95rem;padding:14px 20px;min-height:52px;background:linear-gradient(135deg,#ffffff2e,#ffffff14);border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;letter-spacing:.8px;box-shadow:0 4px 15px #0003}.category-menu-btn:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:none}.category-dropdown{display:none!important;width:calc(100% - 20px);position:fixed;left:10px;right:10px;top:200px!important;margin-top:0;z-index:1050;box-shadow:0 15px 50px #00000080;border-radius:15px}.category-dropdown.active{display:block!important;max-height:calc(100vh - 220px);overflow-y:auto;animation:dropdownSlideIn .4s ease}.category-dropdown a{padding:18px 24px;font-size:16px;font-weight:700;color:#2c3e50}.category-dropdown i{font-size:1.3rem}.mobile-menu-container{position:relative;order:2;width:auto}.mobile-menu-btn{display:flex;order:2;margin-left:0;background:linear-gradient(135deg,#ffffff2e,#ffffff14);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003;min-width:52px}.mobile-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-menu{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;background:#fff;flex-direction:column;padding:0;margin:0;gap:0;z-index:1101;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-5px 0 30px #0000004d;overflow-y:auto}.nav-menu.show-mobile{right:0}.mobile-menu-header{position:sticky;top:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:none!important;z-index:10;box-shadow:0 2px 10px #0000001a}.mobile-menu-logo{display:flex;align-items:center;gap:12px}.mobile-menu-logo img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.mobile-menu-logo span{font-size:18px;font-weight:800;color:#fff;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.mobile-menu-close{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-menu-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mobile-menu-close i{color:#fff;font-size:20px}.nav-menu li{margin:0;width:100%;border-bottom:1px solid #f0f0f0}.nav-menu li:last-child{border-bottom:none}.nav-menu li a{display:flex;align-items:center;padding:18px 25px;color:#2c3e50!important;font-weight:700;font-size:16px;transition:all .3s ease;opacity:1!important;text-shadow:none;gap:15px;position:relative;background:#fff}.nav-menu li a i{width:24px;font-size:18px;color:var(--primary-color);transition:all .3s ease}.nav-menu li a:before{content:"";width:5px;height:0;background:var(--primary-color);border-radius:0 3px 3px 0;position:absolute;left:0;transition:height .3s ease}.nav-menu li a:hover:before,.nav-menu li a.active:before{height:100%}.nav-menu li a:hover,.nav-menu li a.active{background:linear-gradient(90deg,#7cb34226,#7cb3420d);color:var(--primary-dark)!important;font-weight:800;padding-left:30px}.nav-menu li a:hover i,.nav-menu li a.active i{color:var(--primary-dark);transform:scale(1.1)}.search-box{order:4;width:100%;margin-top:0;min-width:unset}.carousel-item img{height:300px}.banner{padding:140px 0 40px;margin-top:0}.banner h1{font-size:2rem}.banner p{font-size:1.1rem}section{padding:50px 0}section h2{font-size:2rem;margin-bottom:30px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.product-card img{height:220px}.footer-content{grid-template-columns:1fr;text-align:center}.cart-table{display:block;overflow-x:auto}}@media screen and (max-width: 480px){.container{padding:0 15px}section{padding:40px 0}section h2{font-size:1.8rem;margin-bottom:20px}.banner{padding:110px 0 40px}.banner h1{font-size:1.6rem;line-height:1.3}.banner p{font-size:1rem;line-height:1.5}.carousel-item img{height:220px;object-fit:cover}.product-grid{grid-template-columns:1fr;gap:20px;padding:0 5px}.product-card{border-radius:12px;box-shadow:0 4px 12px #0000001a}.product-card img{height:220px;border-radius:12px 12px 0 0}.product-info{padding:16px}.product-info h3{font-size:1.1rem;margin-bottom:8px}.product-info .description{font-size:.85rem;line-height:1.4;margin-bottom:12px}.product-info .price{font-size:1.3rem;margin-bottom:12px}.product-actions{flex-direction:column;gap:10px}.product-buttons-grid,.product-card:not(.trial-product-card) .product-buttons-grid{display:flex!important;flex-direction:column;gap:10px}.btn-action-card,.product-card:not(.trial-product-card) .btn-action-card{width:100%;min-height:50px;padding:14px 18px;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:.95rem;border-radius:8px;font-weight:500}.btn-action-card i,.product-card:not(.trial-product-card) .btn-action-card i,.trial-product-card .btn-action-card i{font-size:18px;margin:0}.btn-view-detail-card{grid-column:auto!important}.btn-add-cart,.btn-buy-now{width:100%;padding:12px 16px;font-size:.9rem;min-height:48px}.auth-container,.checkout-container{padding:30px 20px;margin:20px 10px}.auth-card,.checkout-card{padding:25px 18px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:.95rem}.btn{padding:12px 20px;font-size:.95rem;min-height:48px}.cart-table{font-size:.85rem;display:block;overflow-x:auto}.cart-table th,.cart-table td{padding:12px 8px}.cart-item-image{width:60px!important;height:60px!important}.quantity-controls{gap:5px}.quantity-controls button{min-width:32px;height:32px;font-size:16px}.footer{padding:30px 0 20px}.footer-content{gap:25px}.footer-section h3{font-size:1.1rem;margin-bottom:12px}.footer-section ul li{margin-bottom:8px;font-size:.9rem}.search-box input{font-size:14px;padding:10px 15px}.header-icon{width:40px;height:40px}.header-icon i{font-size:18px}.cart-badge{width:18px;height:18px;font-size:10px}}@keyframes sk-fadeLeft{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes sk-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes sk-orbPulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.2);opacity:.2}}@keyframes sk-leafDrift{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.3}to{transform:translateY(-100px) rotate(25deg);opacity:0}}@keyframes sk-shimmer{0%{left:-100%}to{left:200%}}@keyframes sk-riseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-rise{animation:fade-rise .8s ease-out both}.animate-fade-rise-delay{animation:fade-rise .8s ease-out .2s both}.animate-fade-rise-delay-2{animation:fade-rise .8s ease-out .4s both}.hero-sakego{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(90,225,76,.16) 0,transparent 24%),radial-gradient(circle at 88% 26%,rgba(63,111,59,.14) 0,transparent 22%),linear-gradient(180deg,#f7faf4,#fff 56%,#f9fbf7);color:#000}.hero-sakego__video-shell,.hero-sakego__overlay,.hero-sakego__grain{position:absolute;top:0;right:0;bottom:0;left:0}.hero-sakego__ambient{position:absolute}.hero-sakego__video-shell{overflow:hidden;pointer-events:none;background:#06160b}.hero-sakego__video{position:absolute;width:115%;height:115%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:top center;will-change:opacity;filter:saturate(.82) contrast(1.04) brightness(.72)}.hero-sakego__overlay--top{background:linear-gradient(180deg,#06160be0,#0c26129e,#fff0 72%)}.hero-sakego__overlay--middle{background:radial-gradient(circle at 18% 42%,#7cb3423d,#b8f26e1a 26%,#06160b7a)}.hero-sakego__overlay--bottom{background:linear-gradient(180deg,#fff0,#06160b1f 54%,#06160b94)}.hero-sakego__grain{pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.07) .6px,transparent .6px),radial-gradient(rgba(0,0,0,.04) .6px,transparent .6px);background-position:0 0,10px 10px;background-size:20px 20px;opacity:.1;mix-blend-mode:multiply}.hero-sakego__ambient{pointer-events:none;border-radius:50%;filter:blur(18px)}.hero-sakego__ambient--left{width:320px;height:320px;top:12%;left:-90px;background:radial-gradient(circle,#b8f26e38,#b8f26e0a 70%)}.hero-sakego__ambient--right{width:380px;height:380px;right:-120px;bottom:6%;background:radial-gradient(circle,#7cb3422e,#7cb34208 70%)}.hero-sakego__inner{position:relative;z-index:2;min-height:100vh;padding:clamp(4.5rem,7vw,6.5rem) clamp(20px,4vw,40px) 72px}.hero-sakego__layout{width:min(1280px,100%);min-height:calc(100vh - clamp(4.5rem,7vw,6.5rem) - 72px);margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.hero-sakego__copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:900px;margin:0}.hero-sakego__badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 22px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#d4f5a0;font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.3px;box-shadow:0 10px 24px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-sakego__badge-dot{width:10px;height:10px;border-radius:50%;background:#b8f26e;box-shadow:0 0 0 6px #b8f26e29}.hero-sakego__title{margin:0;max-width:860px;font-family:var(--font-display);font-size:var(--fs-h1);line-height:1.04;letter-spacing:0;font-weight:900;color:#fff;text-wrap:balance;text-align:left;text-shadow:0 8px 32px rgba(0,0,0,.35)}.hero-sakego__title-line{display:block}.hero-sakego__title-line--dark{color:#fff;font-family:var(--font-sans);font-weight:800;text-transform:none;letter-spacing:.04em;font-size:clamp(42px,7vw,90px);line-height:.98}.hero-sakego__title-line--accent{background:linear-gradient(135deg,#b8f26e,#7cb342,#c9f88e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sakego__title-line--accent{font-family:var(--font-sans);font-weight:800;font-size:clamp(34px,5.8vw,70px);line-height:1.1;letter-spacing:-.01em}.hero-sakego__subtitle{width:min(600px,100%);margin:0;text-align:left;font-family:var(--font-sans);font-size:var(--lead-size);line-height:1.68;color:#ffffffd1;font-weight:400;letter-spacing:0;text-shadow:0 8px 24px rgba(0,0,0,.3)}.hero-sakego__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:8px}.hero-sakego__btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:999px;font-family:var(--font-sans);font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.hero-sakego__btn:hover{transform:translateY(-2px) scale(1.02)}.hero-sakego__btn--primary{background:#000;color:#fff;box-shadow:0 16px 30px #0003}.hero-sakego__btn--secondary{background:#ffffff1f;color:#ffffffeb;border:1px solid rgba(255,255,255,.18)}.hero-sakego__chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.hero-sakego__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#ffffff1f;color:#ffffffe6;font-family:var(--font-sans);font-size:13px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-sakego__chip span:last-child{font-weight:600;letter-spacing:.1px}@media (max-width: 960px){.hero-sakego__title{max-width:100%}.hero-sakego__title-line--dark{font-size:clamp(38px,9vw,64px)}.hero-sakego__title-line--accent{font-size:clamp(30px,8vw,52px);line-height:1.12}}@media (max-width: 640px){.hero-sakego{min-height:auto}.hero-sakego__inner{min-height:auto;padding:100px 10px 40px}.hero-sakego__layout{min-height:auto}.hero-sakego__badge{padding:7px 12px;font-size:11px;gap:8px;align-self:flex-start}.hero-sakego__badge-dot{width:8px;height:8px;box-shadow:0 0 0 4px #b8f26e29}.hero-sakego__title{margin-bottom:4px;width:100%;text-align:left}.hero-sakego__title-line--dark{font-size:clamp(26px,8.5vw,32px)!important;letter-spacing:.03em;margin-bottom:4px;text-align:left}.hero-sakego__title-line--accent{font-size:clamp(20px,6.8vw,24px)!important;line-height:1.28!important;text-align:left}.hero-sakego__subtitle{font-size:13.5px;line-height:1.5;color:#ffffffc7;padding-inline:0;text-align:left}.hero-sakego__actions{width:100%;flex-direction:row;align-items:center;gap:10px;margin-top:4px;justify-content:flex-start}.hero-sakego__btn{flex:1;max-width:170px;min-height:44px;font-size:12.5px;padding:0 10px;border-radius:30px;text-transform:none;letter-spacing:.1px;text-align:center;justify-content:center}.hero-sakego__btn--primary{background:#000;color:#fff!important;box-shadow:0 8px 20px #0003}.hero-sakego__btn--secondary{background:#ffffff14;border:1.5px solid rgba(255,255,255,.35);color:#fff!important}.hero-sakego__chips{gap:8px;justify-content:flex-start;margin-top:10px;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.hero-sakego__chips::-webkit-scrollbar{display:none}.hero-sakego__chip{padding:6px 14px;font-size:11px;flex-shrink:0}}.hero-sakego__chip-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.hero-sakego__chip-icon svg{width:16px;height:16px;fill:currentColor}.hero-sakego__showcase{position:relative;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;min-height:560px;overflow:visible}.hero-sakego__showcase:before,.hero-sakego__showcase:after{content:"";display:none!important}.hero-sakego__scene{position:relative;width:min(100%,540px);height:430px;perspective:1200px;transform-style:preserve-3d;animation:hero-scene-drift 8s ease-in-out infinite}.hero-sakego__scene-ring{position:absolute;inset:50% auto auto 50%;border-radius:50%;transform:translate(-50%,-50%)}.hero-sakego__scene-ring--outer{width:320px;height:320px;border:1px solid rgba(255,255,255,.08);box-shadow:none;animation:hero-spin-slow 20s linear infinite}.hero-sakego__scene-ring--inner{width:220px;height:220px;border:1px solid rgba(255,255,255,.06);transform:translate(-50%,-50%) rotateX(70deg) rotate(25deg);animation:hero-spin-reverse 14s linear infinite}.hero-sakego__scene-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed rgba(255,255,255,.06)}.hero-sakego__scene-orbit--one{transform:scale(.72) rotateX(68deg);animation:hero-spin-slow 16s linear infinite}.hero-sakego__scene-orbit--two{transform:scale(.54) rotateX(72deg) rotate(18deg);animation:hero-spin-reverse 12s linear infinite}.hero-sakego__scene-orbit--three{transform:scale(.4) rotateX(58deg) rotate(-20deg);border-style:solid;opacity:.6;animation:hero-spin-slow 10s linear infinite}.hero-sakego__scene-core{position:absolute;inset:50% auto auto 50%;width:250px;padding:28px 24px 22px;border-radius:32px;text-align:center;transform:translate(-50%,-50%) translateZ(70px);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px #00000059,inset 0 1px #ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:hero-core-float 4.2s ease-in-out infinite}.hero-sakego__mascot{width:128px;height:128px;object-fit:contain;margin:0 auto 10px;display:block;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28))}.hero-sakego__scene-core-label{display:inline-flex;margin-bottom:10px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:none;color:#d9f7a8}.hero-sakego__scene-core strong{display:block;font-family:var(--font-display);font-size:24px;line-height:1.05;color:#fff;font-weight:700}.hero-sakego__scene-core p{margin:10px 0 0;font-family:var(--font-sans);font-size:14px;line-height:1.55;color:#e9f7d8d1}.hero-sakego__scene-particle{position:absolute;border-radius:50%;filter:drop-shadow(0 12px 18px rgba(63,111,59,.18))}.hero-sakego__scene-particle--leaf{top:72px;right:86px;width:44px;height:44px;display:grid;place-items:center;background:#b8f26e2e;color:#dff7b6;animation:hero-float-diagonal 5s ease-in-out infinite}.hero-sakego__scene-particle--dot{left:84px;bottom:92px;width:16px;height:16px;background:#b8f26e6b;animation:hero-bob 3.8s ease-in-out infinite}.hero-sakego__scene-particle--spark{right:104px;bottom:74px;width:34px;height:34px;display:grid;place-items:center;background:#18381dbf;color:#b8f26e;animation:hero-float-diagonal 6s ease-in-out infinite reverse}.hero-sakego__scene-card{position:absolute;padding:10px 18px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 24px #0003,inset 0 1px #ffffff0d;font-family:var(--font-sans);font-size:13px;font-weight:500;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:hero-chip-float 4.8s ease-in-out infinite;display:inline-flex;align-items:center;gap:8px}.hero-sakego__scene-card:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#b8f26e;box-shadow:0 0 6px #b8f26e}.hero-sakego__scene-card--top{top:8px;left:50%;transform:translate(-50%)}.hero-sakego__scene-card--left{left:6px;top:172px}.hero-sakego__scene-card--right{right:0;top:206px}.hero-sakego__scene-caption{position:relative;z-index:1;width:min(100%,460px);text-align:center}.hero-sakego__scene-caption span{display:inline-flex;margin-bottom:6px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:none;color:#b8f26e}.hero-sakego__scene-caption p{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:#e8f7dfc7}@media (max-width: 1100px){.hero-sakego__layout{grid-template-columns:1fr}.hero-sakego__copy{max-width:820px}.hero-sakego__showcase{max-width:760px;width:100%;margin:0 auto;min-height:520px}.hero-sakego__scene{width:100%}.hero-sakego__scene-card--left{left:10px}.hero-sakego__scene-card--right{right:10px}}@media (max-width: 720px){.hero-sakego__inner{padding-inline:16px}.hero-sakego__layout{min-height:auto;gap:24px}.hero-sakego__copy{align-items:flex-start;text-align:left}.hero-sakego__title{line-height:1.1}.hero-sakego__actions{justify-content:flex-start;width:100%}.hero-sakego__chips{justify-content:flex-start}.hero-sakego__showcase{padding:16px;border-radius:26px;min-height:380px;display:flex;justify-content:center;align-items:center;margin-top:12px}.hero-sakego__scene{height:280px;width:280px;margin:0 auto}.hero-sakego__scene-core{width:160px;padding:14px 10px 10px}.hero-sakego__mascot{width:80px;height:80px;margin-bottom:6px}.hero-sakego__scene-core strong{font-size:16px}.hero-sakego__scene-card{font-size:10px;padding:6px 12px}.hero-sakego__scene-card--left{display:inline-flex!important;left:-20px;top:110px}.hero-sakego__scene-card--right{display:inline-flex!important;right:-20px;top:150px}.hero-sakego__scene-card--top{display:inline-flex!important;top:-15px}}@keyframes hero-scene-drift{0%,to{transform:translateY(0) rotateX(8deg)}50%{transform:translateY(-8px) rotateX(11deg)}}@keyframes hero-spin-slow{0%{transform:translate(-50%,-50%) rotate(0) rotateX(72deg)}to{transform:translate(-50%,-50%) rotate(360deg) rotateX(72deg)}}@keyframes hero-spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg) rotateX(70deg) rotate(25deg)}to{transform:translate(-50%,-50%) rotate(0) rotateX(70deg) rotate(25deg)}}@keyframes hero-core-float{0%,to{transform:translate(-50%,-50%) translateZ(70px) translateY(0)}50%{transform:translate(-50%,-50%) translateZ(70px) translateY(-10px)}}@keyframes hero-float-diagonal{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-10px) translate(-6px) rotate(8deg)}}@keyframes hero-bob{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}@keyframes hero-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:80px 0 60px;background:linear-gradient(145deg,#f0f9e8,#e8f5e0 40%,#f7fbf2);overflow:hidden}.hero-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 650px 500px at 80% 30%,rgba(124,179,66,.18) 0%,transparent 65%),radial-gradient(ellipse 450px 350px at 10% 80%,rgba(85,139,47,.14) 0%,transparent 55%)}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.orb{position:absolute;border-radius:50%;animation:sk-float 8s ease-in-out infinite}.orb-1{width:340px;height:340px;top:-80px;left:-60px;background:radial-gradient(circle,#7cb34238,#7cb34208);border:1px solid rgba(124,179,66,.15);animation-delay:0s}.orb-2{width:220px;height:220px;bottom:10%;right:5%;background:radial-gradient(circle,#558b2f2e,#558b2f08);border:1px solid rgba(85,139,47,.12);animation-delay:2s}.orb-3{width:160px;height:160px;top:20%;right:35%;background:radial-gradient(circle,#aed58133,#aed58108);border:1px solid rgba(174,213,129,.18);animation-delay:4s}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.leaf-particle{position:absolute;color:#7cb34233;animation:sk-leafDrift 12s ease-in-out infinite}.leaf-1{left:15%;bottom:10%;animation-delay:0s;font-size:24px}.leaf-2{left:45%;bottom:5%;animation-delay:3s;font-size:32px}.leaf-3{left:80%;bottom:15%;animation-delay:1.5s;font-size:20px}.leaf-4{left:25%;bottom:80%;animation-delay:4s;font-size:28px}.hero-content{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;background:#7cb3421f;border:1px solid rgba(124,179,66,.25);color:#558b2f;font-size:13px;font-weight:700;margin-bottom:20px;opacity:0;animation:sk-fadeUp .7s ease forwards .1s}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#7cb342;box-shadow:0 0 6px #7cb34299;animation:sk-orbPulse 2s ease-in-out infinite}.hero-heading{display:flex;flex-direction:column;margin:0 0 20px;opacity:0;animation:sk-fadeUp .8s ease forwards .28s}.hero-heading-line1{font-size:clamp(48px,5.5vw,80px);font-weight:900;line-height:1.02;color:#1a3a0f;letter-spacing:0}.hero-heading-line2{font-size:clamp(36px,4.2vw,60px);font-weight:700;line-height:1.06;color:#2e5e14;letter-spacing:0}.hero-heading-accent{font-size:clamp(22px,2.5vw,36px);font-weight:700;background:linear-gradient(135deg,#4a9e1a,#7cb342,#558b2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:0;margin-top:6px}.hero-sub{opacity:0;animation:sk-fadeUp .8s ease forwards .46s}.hero-cta-group{display:flex;align-items:center;gap:28px;opacity:0;animation:sk-fadeUp .8s ease forwards .62s}.hero-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 36px;transition:transform .25s,box-shadow .25s;overflow:hidden;white-space:nowrap}.hero-btn-primary{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;box-shadow:0 12px 32px #7cb3424d}.hero-btn-ghost{background:#fff;color:#4a7a25;border:1.5px solid rgba(124,179,66,.22);box-shadow:0 4px 14px #7cb34214}.hero-btn-ghost:hover{background:#7cb3420f;transform:translateY(-4px);border-color:#7cb34266;color:#2e5e14}.hero-trust-bar{display:flex;align-items:center;gap:28px;opacity:0;animation:sk-fadeUp .8s ease forwards .78s}.hero-trust-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#d4f5a0}.trust-divider{width:1px;height:38px;background:#7cb34233}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;animation:sk-fadeLeft 1s ease forwards .3s}.hero-img-ring{position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(124,179,66,.15);animation:sk-ringRotate 20s linear infinite}.hero-img-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(124,179,66,.15),transparent 70%);filter:blur(30px)}.hero-img-wrap{position:relative;z-index:2;width:100%;max-width:420px;animation:sk-float 7s ease-in-out infinite}.hero-float-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#ffffff1f;color:#4a7a25;font-size:13px;font-weight:700;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-float-badge i{color:#7cb342}.badge-bottom{bottom:18%;right:-8%;animation:sk-float 6s ease-in-out infinite 3s}.hero-wave{position:absolute;bottom:0;left:0;right:0;z-index:4;line-height:0}.hero-wave svg{width:100%;height:60px;display:block}.features-section{padding:90px 0 110px;background:#f7fbf4}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.feature-card{text-align:center;padding:34px 22px;background:#ffffffeb;border-radius:24px;border:1px solid rgba(124,179,66,.08);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);box-shadow:0 14px 40px #143c140f;opacity:0}.feature-card.animate{animation:sk-slideUp .6s ease forwards}.feature-card:hover{transform:translateY(-12px);box-shadow:0 24px 50px #7cb3421a;border-color:#7cb34229}.feature-icon{width:68px;height:68px;margin:0 auto 20px;background:linear-gradient(135deg,#7cb342,#558b2f);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 8px 24px #7cb3424d;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-4deg)}.feature-card h3{font-size:18px;color:#1a3a0f;margin-bottom:8px;font-weight:700}.feature-card p{font-size:14px;color:#5f6d5d;margin:0;line-height:1.6}.categories-section{padding:80px 0 100px;background:#fff}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.category-card{padding:50px 30px;text-align:center;background:#fefefe;border-radius:24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:scale(.95);border:1px solid rgba(0,0,0,.03);box-shadow:0 10px 40px #00000005}.category-card.animate{animation:sk-scaleIn .6s ease forwards}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7cb342,#558b2f);opacity:0;transition:opacity .4s ease}.category-card:hover{transform:translateY(-12px);box-shadow:0 24px 60px #7cb34226}.category-card:hover:before{opacity:1}.category-card:hover .category-icon,.category-card:hover h3,.category-card:hover p,.category-card:hover .category-count{color:#fff;position:relative;z-index:1}.category-icon{font-size:48px;color:#7cb342;margin-bottom:18px;transition:all .35s;display:block}.category-card:hover .category-icon{transform:scale(1.15) rotate(-5deg)}.category-card h3{font-size:22px;color:#222;margin-bottom:8px;font-weight:700;transition:color .35s;position:relative;z-index:1}.category-card p{font-size:15px;color:#666;margin-bottom:14px;transition:color .35s;position:relative;z-index:1}.category-count{display:inline-block;padding:5px 14px;background:#7cb3421f;color:#558b2f;border-radius:999px;font-size:12px;font-weight:700;transition:all .35s;position:relative;z-index:1}.category-card:hover .category-count{background:#ffffff40;color:#fff}.home-marquee-wrapper{width:100%;background:#689f38;color:#fff;padding:14px 0;overflow:hidden;white-space:nowrap;display:flex;font-weight:800;font-size:15px;letter-spacing:1.5px;box-shadow:0 4px 12px #0000000d;position:relative;z-index:10}.home-marquee-content{display:flex;animation:sk-marquee 40s linear infinite}.marquee-item{display:inline-flex;align-items:center}.mq-star{margin:0 20px;font-size:12px;opacity:.7}@keyframes sk-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sustain-section{padding:100px 0;background:#fafafa;position:relative;overflow:hidden}.sustain-bg-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sdeco-circle{position:absolute;border-radius:50%;border:1px solid rgba(124,179,66,.08);animation:sk-ringRotate 25s linear infinite}.sdeco-c1{width:600px;height:600px;top:-200px;left:-300px}.sdeco-c2{width:800px;height:800px;bottom:-400px;right:-300px;animation-direction:reverse;border-width:1.5px;border-color:#7cb3420d}.sdeco-leaf{position:absolute;color:#7cb3420f;animation:sk-leafDrift 15s linear infinite}.sdeco-l1{top:20%;left:5%;font-size:80px}.sdeco-l2{bottom:15%;right:10%;font-size:120px;animation-delay:3s}.sdeco-l3{top:60%;right:5%;font-size:60px;animation-delay:7s}.sustain-header{text-align:center;max-width:700px;margin:0 auto 60px}.sustain-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;background:#7cb3421a;color:#558b2f;font-size:13px;font-weight:700;border:1px solid rgba(124,179,66,.2);margin-bottom:16px;opacity:0;transform:translateY(20px);transition:all .6s ease}.sustain-title{font-size:clamp(32px,3.5vw,46px);font-weight:900;color:#222;line-height:1.2;margin:0 0 16px;letter-spacing:-1px;opacity:0;transform:translateY(20px);transition:all .6s ease}.sustain-accent{background:linear-gradient(135deg,#7cb342,#558b2f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sustain-desc{font-size:16px;color:#666;line-height:1.7;opacity:0;transform:translateY(20px);transition:all .6s ease}.sustain-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}.sustain-card{background:#fff;border-radius:24px;padding:36px 30px;border:1px solid rgba(124,179,66,.08);box-shadow:0 10px 40px #00000008;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.sustain-card:hover{transform:translateY(-10px);box-shadow:0 24px 60px #7cb3421a;border-color:#7cb34226}.sc-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;transition:transform .3s}.sustain-card:hover .sc-icon{transform:scale(1.1) rotate(5deg)}.sustain-card h3{font-size:18px;font-weight:800;color:#222;margin-bottom:10px}.sustain-card p{font-size:14px;color:#666;line-height:1.6;margin:0}.sc-bar{position:absolute;bottom:0;left:0;height:4px;width:0;background:var(--bar-color);transition:width .4s ease}.sustain-card:hover .sc-bar{width:100%}.sustain-eyebrow.sv-in,.sustain-title.sv-in,.sustain-desc.sv-in,.sustain-card.sv-in{opacity:1;transform:translateY(0)}.si-label.sv-in{opacity:1}.sustain-impact-earth-wrapper{margin-bottom:100px;position:relative;overflow:hidden;padding:40px 0}.si-label{display:flex;align-items:center;justify-content:center;gap:8px;color:#558b2f;font-size:16px;font-weight:700;margin-bottom:60px;opacity:0;transition:opacity .6s;z-index:20;position:relative}.impact-modern-layout{position:relative;max-width:1100px;margin:0 auto;height:550px;display:flex;align-items:center;justify-content:center}.impact-globe-center{position:absolute;width:460px;height:460px;perspective:1200px;transform:rotateX(-10deg);z-index:2;opacity:0;transform:scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1)}.sustain-impact-earth-wrapper.sv-in .impact-globe-center{opacity:1;transform:scale(1) rotateX(-10deg)}.globe-core{position:absolute;top:20%;left:20%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(124,179,66,.3),rgba(85,139,47,.1),transparent);box-shadow:0 0 60px #7cb34240;animation:sk-orbPulse 4s ease-in-out infinite;z-index:1}.wireframe-globe{width:100%;height:100%;position:relative;z-index:2;transform-style:preserve-3d;animation:sk-spinGlobe 40s linear infinite}.wf-lon{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px dashed rgba(124,179,66,.35)}.wf-lat{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px dashed rgba(124,179,66,.2)}@keyframes sk-spinGlobe{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.impact-connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.connection-path{fill:none;stroke:#7cb3424d;stroke-width:1.5;stroke-dasharray:8,8;animation:sk-dashFlow 20s linear infinite}.data-particle{filter:drop-shadow(0 0 6px rgba(124,179,66,.8))}@keyframes sk-dashFlow{to{stroke-dashoffset:-100}}.impact-stats-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.impact-stat-card{position:absolute;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,179,66,.2);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 30px #0000000f;width:290px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:auto}.impact-stat-card.sv-in{opacity:1;transform:translateY(0)}.impact-stat-card:nth-child(1){top:30px;left:0}.impact-stat-card:nth-child(2){top:30px;right:0}.impact-stat-card:nth-child(3){bottom:30px;left:0}.impact-stat-card:nth-child(4){bottom:30px;right:0}.isc-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#7cb34226,#558b2f0d);color:#7cb342;font-size:24px;display:flex;align-items:center;justify-content:center}.isc-content{display:flex;flex-direction:column}.isc-num{font-size:36px;font-weight:900;color:#1a3a0f;line-height:1;margin-bottom:6px}.isc-text{font-size:14px;color:#666;font-weight:600}@media (max-width: 900px){.impact-modern-layout{height:auto;flex-direction:column;gap:40px;margin-top:60px}.impact-globe-center{position:relative;width:300px;height:300px;margin:0 auto}.impact-stats-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}.impact-stat-card{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%}}.sustain-cta{text-align:center;display:flex;justify-content:center;gap:16px;opacity:0;transform:translateY(20px);transition:all .6s}.sustain-btn-primary{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 36px;border-radius:999px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;font-weight:700;text-decoration:none;overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 24px #7cb3424d}.sustain-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #7cb34266;color:#fff}.sustain-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;border-radius:999px;background:#fff;color:#558b2f;border:1.5px solid rgba(124,179,66,.2);font-weight:700;text-decoration:none;transition:all .3s}.sustain-btn-ghost:hover{background:#7cb3420d;border-color:#7cb342;transform:translateY(-3px)}.sv-in{opacity:1!important;transform:translateY(0)!important}.featured-section{padding:80px 0 100px;background:#fff}.featured-header{text-align:center;margin-bottom:50px}.featured-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:999px;background:linear-gradient(135deg,#ff98001a,#ff57220d);color:#f57c00;font-size:13px;font-weight:700;border:1px solid rgba(255,152,0,.2);margin-bottom:14px}.featured-header h2{font-size:38px;font-weight:800;color:#222;margin-bottom:12px;letter-spacing:-.5px}.featured-accent{color:#f57c00}.featured-header p{font-size:16px;color:#666}.featured-footer{text-align:center;margin-top:50px}.featured-card-wrap{opacity:0;animation:sk-slideUp .6s ease forwards}@media (max-width: 1100px){.features-grid,.sustain-pillars{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-text-content{order:1}.hero-visual{order:0}.hero-eyebrow,.hero-trust-bar{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.badge-top,.badge-bottom{display:none}.categories-grid{grid-template-columns:repeat(2,1fr)}.si-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 600px){.hero-section{min-height:auto;padding:100px 0 60px}.hero-cta-group{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px;justify-content:center}.hero-trust-bar{flex-wrap:wrap;justify-content:center;gap:16px}.trust-divider{display:none}.features-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(4,1fr);gap:8px}.category-card{padding:15px 5px;border-radius:12px}.category-icon{width:44px;height:44px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.category-icon i{font-size:20px;margin:0;line-height:1}.category-card h3{font-size:11px;margin-bottom:0}.category-card p,.category-count{display:none}.sustain-pillars{grid-template-columns:repeat(3,1fr);gap:8px}.sustain-card{padding:12px 6px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center}.sustain-card .sc-icon{width:32px;height:32px;font-size:14px;margin-bottom:8px;border-radius:8px}.sustain-card h3{font-size:11px;margin-bottom:4px;line-height:1.2}.sustain-card p{font-size:9px;line-height:1.3}.featured-section .product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;margin:0 -15px;padding:0 15px 20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.featured-section .product-grid::-webkit-scrollbar{display:none}.featured-section .featured-card-wrap{flex:0 0 85%;scroll-snap-align:center}.sustain-cta{flex-direction:column}.si-grid{grid-template-columns:1fr}.sustain-impact{padding:30px 20px}.impact-modern-layout{height:340px;display:flex;align-items:center;justify-content:center;margin-top:30px;gap:0;position:relative;overflow:hidden}.impact-globe-center{position:absolute;width:180px!important;height:180px!important;margin:0 auto}.impact-stats-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important}.impact-stat-card{position:absolute;width:155px!important;padding:10px!important;flex-direction:row!important;text-align:left;gap:8px!important;z-index:10}.impact-stat-card:nth-child(1){top:20px!important;left:0!important;right:auto!important;bottom:auto!important}.impact-stat-card:nth-child(2){top:20px!important;right:0!important;left:auto!important;bottom:auto!important}.impact-stat-card:nth-child(3){bottom:20px!important;left:0!important;right:auto!important;top:auto!important}.impact-stat-card:nth-child(4){bottom:20px!important;right:0!important;left:auto!important;top:auto!important}.impact-stat-card .isc-icon{width:28px!important;height:28px!important;font-size:12px!important;flex-shrink:0}.impact-stat-card .isc-num{font-size:16px!important;margin-bottom:2px!important}.impact-stat-card .isc-text{font-size:9px!important;white-space:normal!important}}@keyframes pk-fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pk-orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.04)}}@keyframes pk-ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pk-cardIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pk-shimmer{0%{left:-100%}to{left:200%}}.products-hero{position:relative;padding:90px 0 110px;overflow:hidden;background:linear-gradient(145deg,#f0f9e8,#e8f5e0 35%,#f5fbf0 65%,#edf7e5)}.products-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 600px 400px at 90% 20%,rgba(124,179,66,.18) 0%,transparent 70%),radial-gradient(ellipse 400px 300px at -5% 80%,rgba(85,139,47,.14) 0%,transparent 60%),radial-gradient(ellipse 300px 200px at 50% 110%,rgba(174,213,129,.12) 0%,transparent 60%)}.products-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.ph-orb{position:absolute;border-radius:50%;animation:pk-orbFloat 8s ease-in-out infinite}.ph-orb-1{width:320px;height:320px;top:-120px;right:-60px;background:radial-gradient(circle,#7cb34238,#7cb3420a);border:1px solid rgba(124,179,66,.15);animation-delay:0s}.ph-orb-2{width:200px;height:200px;bottom:-80px;left:-40px;background:radial-gradient(circle,#558b2f2e,#558b2f08);border:1px solid rgba(85,139,47,.12);animation-delay:3s}.ph-orb-3{width:140px;height:140px;top:20%;left:55%;background:radial-gradient(circle,#aed58133,#aed58108);border:1px solid rgba(174,213,129,.18);animation-delay:1.5s}.ph-leaf{position:absolute;color:#7cb3422e;font-size:40px;animation:pk-ringRotate 18s linear infinite}.ph-leaf-1{top:12%;right:18%;font-size:52px;animation-duration:22s}.ph-leaf-2{bottom:15%;left:8%;font-size:36px;animation-direction:reverse;animation-duration:16s}.ph-leaf-3{top:55%;right:8%;font-size:28px;animation-duration:25s}.ph-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(124,179,66,.12);animation:pk-ringRotate 20s linear infinite}.ph-ring-1{width:500px;height:500px;top:-200px;right:-150px}.ph-ring-2{width:300px;height:300px;top:-100px;right:-50px;animation-direction:reverse;animation-duration:14s}.products-hero-content{position:relative;z-index:2;text-align:center;max-width:760px;margin:0 auto}.products-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;background:#7cb3421f;border:1px solid rgba(124,179,66,.25);color:#558b2f;font-size:13px;font-weight:700;margin-bottom:20px;opacity:0;animation:pk-fadeUp .7s ease forwards .1s}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#7cb342;box-shadow:0 0 6px #7cb34299;animation:pk-orbFloat 2s ease-in-out infinite}.products-hero-title{font-size:clamp(34px,4vw,58px);font-weight:900;color:#1a3a0f;line-height:1.12;letter-spacing:-1.5px;margin:0 0 16px;opacity:0;animation:pk-fadeUp .8s ease forwards .26s}.ph-accent{background:linear-gradient(135deg,#4a9e1a,#7cb342,#558b2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.products-hero-desc{font-size:17px;color:#5a7a4a;line-height:1.75;margin:0 0 32px;opacity:0;animation:pk-fadeUp .8s ease forwards .42s}.products-search-form{opacity:0;animation:pk-fadeUp .8s ease forwards .56s;max-width:540px;margin:0 auto}.products-search-inner{display:flex;align-items:center;background:#fff;border:2px solid rgba(124,179,66,.25);border-radius:999px;box-shadow:0 6px 28px #7cb3421f;padding:5px 5px 5px 20px;gap:10px;transition:border-color .25s,box-shadow .25s}.products-search-inner:focus-within{border-color:#7cb342;box-shadow:0 8px 32px #7cb34238}.products-search-icon{color:#7cb342;font-size:15px}.products-search-input{flex:1;background:transparent;border:none;outline:none;color:#333;font-size:15px;font-weight:500}.products-search-input::placeholder{color:#aaa}.products-search-btn{padding:11px 28px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .25s,box-shadow .25s;box-shadow:0 6px 18px #7cb3424d}.products-search-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #7cb34266}.products-hero-wave{position:absolute;bottom:0;left:0;right:0;z-index:3;line-height:0}.products-hero-wave svg{width:100%;height:60px;display:block}.products-filter-section{padding:22px 0;background:#fafafa;position:sticky;top:60px;z-index:50;box-shadow:0 4px 20px #0000000f;border-bottom:1px solid rgba(124,179,66,.1)}.products-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.pf-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;border:1.5px solid #e0e0e0;background:#fff;color:#555;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.pf-btn:hover{border-color:#7cb342;color:#558b2f;transform:translateY(-2px);box-shadow:0 6px 18px #7cb34226}.pf-btn.active{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border-color:transparent;box-shadow:0 8px 22px #7cb34252;transform:translateY(-2px)}.products-grid-section{padding:50px 0 80px;background:#fafafa}.products-result-meta{margin-bottom:28px}.result-count{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#666;font-weight:500}.result-count i{color:#7cb342}.result-count strong{color:#222;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card-wrapper{opacity:0;animation:pk-cardIn .55s ease forwards}.products-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:24px;border:1px solid rgba(124,179,66,.1);box-shadow:0 8px 32px #0000000d}.products-empty-icon{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#7cb3421a,#558b2f0f);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:36px;color:#7cb342}.products-empty h3{font-size:22px;color:#333;margin-bottom:10px}.products-empty p{font-size:15px;color:#888;margin-bottom:28px}.products-reset-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 24px #7cb3424d;transition:transform .25s,box-shadow .25s}.products-reset-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px #7cb34266}@media (max-width:768px){.products-hero{padding:100px 0 110px;background-attachment:scroll}.products-hero-title{font-size:32px}.pf-btn{padding:8px 16px;font-size:13px}}@keyframes sk-fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sk-orbPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:.2}}@keyframes sk-leafDrift{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.65}90%{opacity:.4}to{transform:translateY(-110px) rotate(28deg);opacity:0}}@keyframes sk-ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sk-shimmerH{0%{left:-100%}to{left:200%}}.journey-bridge-section{position:relative;padding:90px 0;overflow:hidden;background:#f7fbf4}.journey-bridge-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 50%,rgba(124,179,66,.18),transparent 45%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.5),transparent 40%);pointer-events:none}.journey-bridge{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.journey-bridge-media{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #0000001f;transform:translate(0)}.journey-bridge-image{width:100%;height:420px;object-fit:cover;display:block}.journey-bridge-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000008c,#00000014 55%,#0000);pointer-events:none}.journey-bridge-content{background:#ffffffe0;border:1px solid rgba(124,179,66,.18);border-radius:24px;padding:34px 30px;box-shadow:0 18px 50px #143c1414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(60px);opacity:0;animation:journeySlideLeft .9s ease forwards}@keyframes journeySlideLeft{to{transform:translate(0);opacity:1}}.journey-bridge-kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#7cb3421a;color:var(--primary-dark);font-weight:800;font-size:13px;letter-spacing:.3px;margin-bottom:18px}.journey-bridge-kicker i{color:var(--primary-color)}.journey-bridge-title{font-size:40px;line-height:1.1;margin:0 0 14px;color:var(--gray);font-weight:800}.journey-bridge-title .highlight{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journey-bridge-desc{margin:0;font-size:16.5px;line-height:1.85;color:var(--text-gray);font-weight:500}.journey-bridge-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.journey-badge{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#7cb3421a;border:1px solid rgba(124,179,66,.18);color:var(--gray);font-weight:800;font-size:13px}@media (max-width: 968px){.journey-bridge{grid-template-columns:1fr}.journey-bridge-image{height:320px}.journey-bridge-content{transform:translate(0);opacity:1;animation:none}.journey-bridge-title{font-size:32px}}.about-hero{position:relative;overflow:hidden}.about-hero-bg{padding:140px 0 150px;background-image:linear-gradient(110deg,#06160bcc,#0c261299,#081a0e33),url(/assets/images/BR_Vechungtoi.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.about-hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 55%,rgba(124,179,66,.25) 0%,transparent 48%),linear-gradient(180deg,#06140a0a,#06140a4d);pointer-events:none;z-index:0}.about-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.ahp-dot{position:absolute;border-radius:50%;background:#7cb34280;animation:sk-orbPulse 7s ease-in-out infinite}.ahp-dot-1{width:10px;height:10px;top:20%;left:58%;animation-delay:0s}.ahp-dot-2{width:6px;height:6px;top:70%;left:72%;animation-delay:1.8s;background:#bef08273}.ahp-dot-3{width:14px;height:14px;top:38%;left:82%;animation-delay:3.2s;background:#ffffff26}.ahp-dot-4{width:8px;height:8px;top:62%;left:91%;animation-delay:2s;background:#8cc85066}.ahp-leaf{position:absolute;color:#aed5814d;font-size:16px;animation:sk-leafDrift 9s ease-in-out infinite}.ahp-leaf-1{left:55%;bottom:10%;animation-delay:0s;font-size:12px}.ahp-leaf-2{left:70%;bottom:5%;animation-delay:2s;font-size:18px}.ahp-leaf-3{left:85%;bottom:15%;animation-delay:1s;font-size:10px}.ahp-ring{position:absolute;border-radius:50%;border:1px solid rgba(124,179,66,.22);animation:sk-ringRotate 18s linear infinite}.ahp-ring-1{width:160px;height:160px;top:10%;left:62%}.ahp-ring-2{width:90px;height:90px;top:60%;left:80%;animation-direction:reverse;animation-duration:12s}.about-hero-content,.about-hero-content-left{position:relative;z-index:2;text-align:left;max-width:640px;margin:0}.about-hero-label-anim{opacity:0;transform:translateY(20px);animation:sk-fadeUp .7s ease forwards .1s}.about-hero-title-anim{opacity:0;transform:translateY(26px);animation:sk-fadeUp .75s ease forwards .3s}.about-hero-desc-anim{opacity:0;transform:translateY(22px);animation:sk-fadeUp .75s ease forwards .5s}.about-hero-badges-anim{opacity:0;transform:translateY(18px);animation:sk-fadeUp .75s ease forwards .7s}.hero-label{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#d4f5a0;font-size:14px;font-weight:700;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px}.hero-label i{color:#b8f26e;margin-right:2px}.hero-title{font-size:clamp(40px,5vw,72px);font-weight:900;color:#fff;line-height:1.08;margin:0 0 18px;letter-spacing:-1.5px;text-shadow:0 8px 32px rgba(0,0,0,.35)}.hero-title .highlight{background:linear-gradient(135deg,#b8f26e,#7cb342,#c9f88e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:#ffffffc7;line-height:1.75;margin:0;font-weight:400}.about-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.about-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ecf6de;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s ease,transform .25s ease}.about-hero-badge:hover{background:#7cb34247;transform:translateY(-3px)}.about-hero-badge i{color:#b8f26e}.about-hero-bg:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:70px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,35 C360,70 1080,0 1440,35 L1440,70 L0,70 Z' fill='%23fafafa'/%3E%3C/svg%3E") no-repeat bottom;background-size:100% 100%;z-index:3}.thuc-trang-hero{position:relative;padding:140px 0 160px;background-image:linear-gradient(160deg,#06160bb8,#0a24128c,#06160bb3),url(/assets/images/BR_ThucTrang.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}.thuc-trang-hero-background{position:absolute;top:0;right:0;bottom:0;left:0}.thuc-trang-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(174,213,129,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(124,179,66,.14) 0%,transparent 40%),linear-gradient(180deg,#06140a0d,#06140a52)}.thuc-trang-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.tt-leaf{position:absolute;color:#aed58147;font-size:16px;animation:sk-leafDrift 9s ease-in-out infinite}.tt-leaf-1{left:8%;bottom:5%;animation-delay:0s;font-size:14px}.tt-leaf-2{left:20%;bottom:10%;animation-delay:1.5s;font-size:20px}.tt-leaf-3{left:80%;bottom:8%;animation-delay:3s;font-size:12px}.tt-leaf-4{left:92%;bottom:15%;animation-delay:.8s;font-size:16px}.tt-ring{position:absolute;border-radius:50%;border:1px solid rgba(124,179,66,.18);top:50%;left:50%;transform:translate(-50%,-50%);animation:sk-ringRotate 22s linear infinite}.tt-ring-1{width:500px;height:500px}.tt-ring-2{width:300px;height:300px;animation-direction:reverse;animation-duration:15s;border-color:#bef08224}.thuc-trang-hero:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:70px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,35 C360,70 1080,0 1440,35 L1440,70 L0,70 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom;background-size:100% 100%;z-index:3}.thuc-trang-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.thuc-trang-label{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#d4f5a0;font-size:14px;font-weight:700;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:sk-fadeUp .7s ease forwards .1s}.thuc-trang-title{font-size:clamp(34px,3.6vw,58px);font-weight:900;line-height:1.14;color:#f5f8ef;margin:0;letter-spacing:-.02em;text-shadow:0 8px 28px rgba(6,24,12,.4);opacity:0;animation:sk-fadeUp .8s ease forwards .28s}.thuc-trang-title .green{background:linear-gradient(135deg,#b8f26e,#8dd23d,#c9f88e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.thuc-trang-description{margin:22px auto 0;font-size:clamp(16px,1.8vw,22px);font-weight:500;color:#f1f8e8d1;line-height:1.65;max-width:700px;text-shadow:0 4px 14px rgba(6,24,12,.28);opacity:0;animation:sk-fadeUp .8s ease forwards .46s}.thuc-trang-actions{margin-top:38px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;animation:sk-fadeUp .8s ease forwards .62s}.tt-actions-anim{opacity:0;animation:sk-fadeUp .8s ease forwards .62s}.thuc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:160px;padding:15px 32px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.thuc-btn-primary{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;box-shadow:0 12px 28px #7cb34259}.thuc-btn-primary:hover{transform:translateY(-4px);box-shadow:0 18px 38px #7cb34273;color:#fff}.thuc-btn-secondary{background:#ffffff1f;color:#ecf6de;border:1.5px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thuc-btn-secondary:hover{background:#ffffff38;transform:translateY(-4px);color:#fff}.about-hero-background{position:absolute;top:0;left:0;width:100%;height:100%}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%)}.about-hero-content{position:relative;z-index:2;text-align:left;max-width:620px;margin:0}.hero-label{display:inline-block;background:#fff3;color:#fff;padding:10px 24px;border-radius:30px;font-size:15px;font-weight:600;margin-bottom:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-label i{margin-right:8px}.hero-title{font-size:56px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}.hero-title .highlight{color:#fff59d;text-shadow:0 2px 20px rgba(255,245,157,.3)}.hero-description{font-size:20px;color:#fffffff2;margin:0;font-weight:300}.about-story-section{padding:100px 0;background:#fff;margin-top:-5px;position:relative;z-index:4}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-image{position:relative}.image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026}.image-wrapper img{width:100%;height:auto;display:block;transition:transform .5s ease}.image-wrapper:hover img{transform:scale(1.05)}.image-badge{position:absolute;bottom:30px;right:30px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:20px 25px;border-radius:15px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #7cb34266}.image-badge i{font-size:32px}.image-badge div{display:flex;flex-direction:column}.image-badge strong{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.image-badge span{font-size:12px;opacity:.9}.story-content{padding-left:20px}.section-label{display:inline-block;color:var(--primary-color);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.section-title{font-size:42px;font-weight:700;color:var(--gray);margin:0 0 25px;line-height:1.3}.section-title .highlight{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-content p{font-size:17px;line-height:1.8;color:var(--text-gray);margin-bottom:20px}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.stat-item i{font-size:32px;color:var(--primary-color);margin-bottom:12px}.stat-item strong{font-size:28px;font-weight:700;color:var(--gray);line-height:1;margin-bottom:5px}.stat-item span{font-size:13px;color:var(--text-gray);font-weight:500}.team-stories-section{padding:100px 0;background:radial-gradient(circle at top left,rgba(124,179,66,.08),transparent 35%),radial-gradient(circle at bottom right,rgba(85,139,47,.1),transparent 33%),#f9fcf7}.team-stories-header{max-width:820px}.team-accordion{display:flex;width:100%;height:550px;gap:16px}.team-acc-item{position:relative;flex:1;border-radius:24px;overflow:hidden;transition:flex .6s cubic-bezier(.25,1,.5,1);cursor:pointer;box-shadow:0 10px 30px #0000001a}.team-acc-item.active{flex:5;box-shadow:0 15px 40px #7cb34233}.team-acc-item img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease}.team-acc-item.active img{transform:scale(1.03)}.team-acc-title-vertical{position:absolute;bottom:30px;left:50%;transform:translate(-50%) rotate(-90deg);transform-origin:left center;color:#fff;font-size:20px;font-weight:700;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:1;transition:opacity .3s ease;pointer-events:none}.team-acc-item.active .team-acc-title-vertical{opacity:0}.team-acc-content{position:absolute;bottom:0;left:0;width:100%;max-height:100%;padding:100px 30px 30px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);color:#fff;display:flex;align-items:flex-end;gap:20px;opacity:0;transform:translateY(30px);transition:opacity .5s ease .1s,transform .5s ease .1s;pointer-events:none;overflow-y:auto}.team-acc-content::-webkit-scrollbar{width:4px}.team-acc-content::-webkit-scrollbar-thumb{background:#fff6;border-radius:4px}.team-acc-item.active .team-acc-content{opacity:1;transform:translateY(0);pointer-events:auto}.team-acc-icon{width:50px;height:50px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 5px 15px #7cb34266}.team-acc-info{flex:1}.team-acc-info h3{font-size:24px;font-weight:800;margin:0 0 5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.team-acc-role{display:inline-block;color:#b8f26e;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.team-acc-story{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0;font-style:italic}@media (max-width: 991px){.team-accordion{flex-direction:column;height:700px}.team-acc-title-vertical{transform:translate(-50%);bottom:15px}}.situation-section{padding:100px 0;background:linear-gradient(135deg,#ffffffe0,#f8fbf5f5),radial-gradient(circle at top right,rgba(124,179,66,.12),transparent 30%),radial-gradient(circle at bottom left,rgba(85,139,47,.09),transparent 34%);margin-top:-5px;position:relative;z-index:4}.situation-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.situation-copy{padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.situation-copy p{font-size:17px;line-height:1.85;color:var(--text-gray);margin-bottom:18px}.situation-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.situation-fact{background:#ffffffe6;border:1px solid rgba(124,179,66,.12);border-left:3px solid rgba(124,179,66,.55);border-radius:8px;padding:18px 16px;box-shadow:0 8px 20px #143c140d}.situation-fact strong{display:block;font-size:15px;color:var(--gray);margin-bottom:6px}.situation-fact span{display:block;font-size:13px;line-height:1.6;color:var(--text-gray)}.situation-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;border-radius:0;overflow:visible;background:transparent;border:none;box-shadow:none}.situation-badge{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#ffffffe0;color:#355b1d;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:floatBadge 5.5s ease-in-out infinite}.situation-badge i{color:var(--primary-color)}.situation-card{position:relative;border-radius:10px;background:#ffffffe6;border:1px solid rgba(124,179,66,.14);box-shadow:0 12px 30px #143c1414;overflow:hidden}.situation-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,179,66,.1),transparent 42%);pointer-events:none}.situation-card-main{width:min(100%,430px);padding:32px;transform:translateY(8px);animation:floatPanel 7s ease-in-out infinite}.situation-card-top{position:relative;z-index:1}.situation-pill{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-weight:800;margin-bottom:16px;box-shadow:0 10px 22px #7cb34240}.situation-card h3{font-size:24px;line-height:1.35;color:var(--gray);margin:0 0 14px}.situation-card-main p{position:relative;z-index:1;font-size:16px;line-height:1.8;color:var(--text-gray);margin:0}.situation-card-floating{position:absolute;right:4%;bottom:8%;width:min(100%,270px);display:flex;align-items:center;gap:14px;padding:18px 20px;animation:floatMini 4.5s ease-in-out infinite}.situation-card-floating i{font-size:24px;color:var(--primary-color)}.situation-card-floating strong{display:block;font-size:16px;color:var(--gray);margin-bottom:4px}.situation-card-floating span{display:block;font-size:13px;color:var(--text-gray);line-height:1.5}.solutions-section{padding:120px 0;background:#06110a;position:relative;overflow:hidden}.sol-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.art-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:sk-orbPulse 8s alternate infinite}.art-glow-1{width:500px;height:500px;background:#7cb34226;top:-200px;left:-100px}.art-glow-2{width:600px;height:600px;background:#b8f26e1f;bottom:-300px;right:-100px;animation-delay:-3s}.art-glow-3{width:400px;height:400px;background:#558b2f1f;top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-5s}.sol-header{max-width:800px;margin:0 auto 80px;text-align:center}.sol-header .section-label,.sol-header .section-title,.sol-header .section-description{color:#fff}.sol-header .section-title .highlight{background:linear-gradient(135deg,#b8f26e,#7cb342);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sol-header .section-description{color:#ffffffb3;font-size:16px;line-height:1.8}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;perspective:1200px}.sol-card{position:relative;border-radius:28px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;color:#fff;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s ease,border-color .5s ease}.sol-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 40px 80px #0006,inset 0 0 0 1px #b8f26e66;border-color:#b8f26e4d}.sol-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(184,242,110,.15),transparent 50%);opacity:0;transition:opacity .6s ease;pointer-events:none}.sol-card:hover:before{opacity:1}.sol-card-inner{padding:40px;position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.sol-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#06110a;background:linear-gradient(135deg,#b8f26e,#8dd23d);box-shadow:0 10px 25px #b8f26e40;margin-bottom:30px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.sol-card:hover .sol-icon{transform:scale(1.15) rotate(-10deg)}.sol-card-inner h3{font-size:24px;margin:0 0 15px;color:#fff}.sol-card-inner p{font-size:15.5px;line-height:1.7;color:#ffffffbf;margin:0 0 25px;flex-grow:1}.sol-bar{height:6px;border-radius:10px;background:#ffffff1a;margin-bottom:15px;overflow:hidden}.sol-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8f26e,#7cb342);box-shadow:0 0 10px #b8f26e66;position:relative}.sol-bar span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sol-card-inner small{display:block;font-size:13px;color:#b8f26e;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sol-hover-reveal{margin-top:20px;overflow:hidden;height:0;opacity:0;transition:height .4s ease,opacity .4s ease,margin .4s ease}.sol-card:hover .sol-hover-reveal{height:24px;opacity:1;margin-top:30px}.sol-hover-reveal a{color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:15px;transition:color .3s}.sol-hover-reveal a:hover{color:#b8f26e}.sol-hover-reveal a i{transition:transform .3s}.sol-hover-reveal a:hover i{transform:translate(5px)}.sol-anim{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.animate.sol-anim,.animate .sol-anim{opacity:1;transform:translateY(0)}@media (max-width: 991px){.solutions-grid{grid-template-columns:1fr}}.environment-section{padding:100px 0;background:radial-gradient(circle at top left,rgba(124,179,66,.08),transparent 36%),radial-gradient(circle at bottom right,rgba(139,195,74,.08),transparent 32%),#f8fbf5}.environment-header{margin-bottom:50px}.environment-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;align-items:stretch}.environment-card{background:#ffffffeb;border:1px solid rgba(124,179,66,.14);border-radius:24px;padding:32px;box-shadow:0 18px 50px #143c1414;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.environment-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,179,66,.08),transparent 38%);pointer-events:none}.environment-card-featured{background:linear-gradient(135deg,#fff,#f4fbef);border:1px solid rgba(124,179,66,.2)}.environment-card-header{display:flex;align-items:flex-start;gap:16px;position:relative;z-index:1;margin-bottom:18px}.environment-icon{width:62px;height:62px;flex:0 0 62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 10px 24px #7cb34240}.environment-icon i{color:#fff;font-size:26px}.environment-icon.accent-green{background:linear-gradient(135deg,#2e7d32,#66bb6a)}.environment-icon.accent-gold{background:linear-gradient(135deg,#8d6e63,#c5a46d)}.environment-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-color);margin-bottom:8px}.environment-card h3{font-size:24px;line-height:1.25;color:var(--gray);margin:0}.environment-card p{position:relative;z-index:1;font-size:16px;line-height:1.8;color:var(--text-gray);margin-bottom:18px}.environment-tags,.region-pills{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.environment-tags span,.region-pills span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:600}.environment-tags span{background:#7cb3421a;color:#3d6b21}.environment-tags i{color:var(--primary-color)}.sustainable-list{list-style:none;padding:0;margin:0;position:relative;z-index:1}.sustainable-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.7;color:var(--text-gray);margin-bottom:14px}.sustainable-list i{color:var(--primary-color);margin-top:4px;font-size:18px;flex:0 0 auto}.region-pills span{background:#ffffffe6;border:1px solid rgba(124,179,66,.18);color:var(--gray);box-shadow:0 6px 18px #143c140f}.environment-quote{margin-top:26px;padding:24px 28px;border-left:4px solid var(--primary-color);background:#ffffffd1;border-radius:18px;box-shadow:0 10px 30px #143c140f;display:flex;gap:16px;align-items:flex-start}.environment-quote i{color:var(--primary-color);font-size:24px;margin-top:2px}.environment-quote p{margin:0;font-size:17px;line-height:1.8;color:var(--gray);font-weight:500}.values-section{padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-description{font-size:17px;color:var(--text-gray);margin-top:15px}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.value-card{background:#fff;padding:40px 35px;border-radius:20px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #7cb34233}.value-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;box-shadow:0 8px 20px #7cb34240}.value-icon i{font-size:32px;color:#fff}.value-card h3{font-size:22px;font-weight:700;color:var(--gray);margin:0 0 15px}.value-card p{font-size:16px;line-height:1.7;color:var(--text-gray);margin:0}.process-section{padding:100px 0;background:#fff}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px;position:relative}.process-timeline:before{content:"";position:absolute;top:45px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color) 25%,var(--primary-color) 50%,var(--primary-color) 75%,var(--primary-color) 100%);z-index:0}.process-step{position:relative;z-index:1}.step-icon{width:90px;height:90px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 10px 30px #7cb3424d;position:relative}.step-icon:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));opacity:.2;z-index:-1}.step-icon i{font-size:36px;color:#fff}.step-content{text-align:center}.step-number{font-size:14px;font-weight:700;color:var(--primary-color);margin-bottom:10px;letter-spacing:2px}.step-content h3{font-size:20px;font-weight:700;color:var(--gray);margin:0 0 12px}.step-content p{font-size:15px;line-height:1.6;color:var(--text-gray);margin:0}.about-cta{padding:80px 0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%)}.cta-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:38px;font-weight:700;color:#fff;margin:0 0 15px;line-height:1.3}.cta-content p{font-size:18px;color:#ffffffe6;margin:0 0 35px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:16px 35px;border-radius:30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.btn-primary{background:#fff;color:var(--primary-color);box-shadow:0 8px 25px #00000026}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px)}@media (max-width: 1200px){.story-grid{gap:60px}.team-stories-grid{grid-template-columns:repeat(2,1fr)}.environment-grid,.situation-shell,.esg-grid{grid-template-columns:1fr}.esg-header .section-title{white-space:normal}}@media (max-width: 968px){.hero-title{font-size:42px}.story-grid{grid-template-columns:minmax(0,1fr);gap:50px}.story-content{padding-left:0;max-width:100%;overflow:hidden}.section-title{font-size:36px}.values-grid{grid-template-columns:1fr}.process-timeline{grid-template-columns:repeat(2,1fr);gap:50px}.process-timeline:before{display:none}.thuc-trang-hero{padding:95px 0 120px}.thuc-trang-description{font-size:34px;white-space:normal}.thuc-trang-title{white-space:normal}}@media (max-width: 768px){.about-hero{min-height:auto;padding:100px 10px 40px}.about-hero-badges{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;width:100%;justify-content:flex-start}.about-hero-badges::-webkit-scrollbar{display:none}.about-hero-badge{flex-shrink:0;padding:6px 14px;font-size:11px}.thuc-trang-hero{padding:115px 0 125px}.hero-title{font-size:clamp(28px,8vw,36px);margin-bottom:8px}.hero-description{font-size:clamp(14px,4vw,16px);margin-bottom:15px}.thuc-trang-title{font-size:42px}.thuc-trang-description{font-size:27px;margin-top:18px}.thuc-btn{min-width:150px;font-size:18px;padding:14px 22px}.about-story-section,.team-stories-section,.situation-section,.environment-section,.esg-section,.values-section,.process-section{padding:40px 10px}.section-title{font-size:clamp(24px,7vw,30px)}.story-stats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding-bottom:10px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.story-stats::-webkit-scrollbar{display:none}.stat-item{flex:0 0 auto;min-width:140px}.team-accordion{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:15px;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;height:400px}.team-accordion::-webkit-scrollbar{display:none}.team-acc-item{flex:0 0 85%;scroll-snap-align:center;border-radius:16px;min-height:auto;height:100%}.team-acc-item.active{flex:0 0 85%;min-height:auto;transform:scale(1.02)}.team-acc-title-vertical{transform:none;bottom:20px;left:20px;font-size:18px}.values-grid,.process-timeline{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:15px;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.values-grid::-webkit-scrollbar,.process-timeline::-webkit-scrollbar{display:none}.value-card{flex:0 0 85%;scroll-snap-align:center;padding:24px 20px;border-radius:16px;box-shadow:0 6px 20px #0000000f}.process-step{flex:0 0 85%;scroll-snap-align:center}.image-badge{bottom:20px;right:20px;padding:15px 20px}.cta-content h2{font-size:32px}.environment-card{padding:26px 22px}.environment-card h3{font-size:22px}.environment-quote{padding:20px 22px}.situation-facts{grid-template-columns:1fr}.situation-visual{min-height:360px}.situation-copy{padding:0}.situation-card-main{padding:26px 22px}.situation-card h3{font-size:22px}.esg-card{padding:24px 22px}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 576px){.hero-title{font-size:30px}.hero-description{font-size:16px}.section-title{font-size:28px}.thuc-trang-title{font-size:34px}.thuc-trang-description{font-size:22px}.thuc-btn{width:100%}.story-content p{font-size:15px}.value-card{padding:30px 25px}.cta-content h2{font-size:26px}}@keyframes floatPanel{0%,to{transform:translateY(18px)}50%{transform:translateY(6px)}}@keyframes floatMini{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroTitleGlow{0%,to{text-shadow:0 10px 28px rgba(6,24,12,.35)}50%{text-shadow:0 12px 32px rgba(6,24,12,.5)}}@keyframes driftUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes esgGlow{0%,to{filter:brightness(1);transform:scaleX(1)}50%{filter:brightness(1.08);transform:scaleX(1.01)}}@media (max-width: 1024px){.about-hero-bg{background-attachment:scroll!important;background-position:70% center!important}.thuc-trang-hero{background-attachment:scroll!important;background-position:25% center!important}.about-hero-bg:after,.thuc-trang-hero:after{height:40px!important;bottom:-6px!important}.about-story-section,.situation-section{margin-top:-8px!important;position:relative;z-index:4}}.modern-auth-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#fafafa;overflow:hidden}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;background:#7cb34214;border-radius:50%;animation:float 20s infinite ease-in-out}.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s;animation-duration:15s}.shape-2{width:120px;height:120px;top:60%;left:80%;animation-delay:2s;animation-duration:18s}.shape-3{width:60px;height:60px;top:30%;left:70%;animation-delay:4s;animation-duration:12s}.shape-4{width:100px;height:100px;top:70%;left:20%;animation-delay:1s;animation-duration:20s}.shape-5{width:140px;height:140px;top:20%;right:15%;animation-delay:3s;animation-duration:16s}@keyframes float{0%,to{transform:translate(0) rotate(0);opacity:.3}25%{transform:translate(30px,-30px) rotate(90deg);opacity:.5}50%{transform:translate(-20px,20px) rotate(180deg);opacity:.3}75%{transform:translate(20px,30px) rotate(270deg);opacity:.4}}.auth-wrapper{position:relative;z-index:2;width:100%;max-width:1000px;animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:600px}.register-card{min-height:700px}.mascot-section{background:linear-gradient(135deg,#7cb342,#aed581);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.mascot-section:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);top:-50%;left:-50%;animation:pulse 8s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.mascot-container{text-align:center;position:relative;z-index:2}.mascot-image{width:320px;height:320px;object-fit:contain;filter:brightness(1.1) contrast(1.05) drop-shadow(0 15px 30px rgba(0,0,0,.15));animation:bounce 3s infinite ease-in-out;margin-bottom:30px;background:transparent;mix-blend-mode:darken;-webkit-mask-image:radial-gradient(circle,white 45%,transparent 70%);mask-image:radial-gradient(circle,white 45%,transparent 70%)}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.welcome-text h2{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:10px;animation:fadeIn 1s ease-out .3s both}.welcome-text p{font-size:16px;color:#4a5568;animation:fadeIn 1s ease-out .5s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{padding:50px 40px;display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:30px;text-align:center}.form-header h1{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px;background:linear-gradient(135deg,#7cb342,#558b2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-header .subtitle{font-size:14px;color:#718096}.modern-form{display:flex;flex-direction:column;gap:20px}.error-message{padding:12px 16px;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:14px;display:flex;align-items:center;gap:10px;animation:shake .5s ease}.error-message i{font-size:16px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.input-group{position:relative;display:flex;align-items:flex-start;gap:10px}.input-icon{width:40px;height:50px;display:flex;align-items:center;justify-content:center;color:#7cb342;font-size:18px;flex-shrink:0;margin-top:5px}.input-wrapper{flex:1;position:relative}.input-wrapper input,.input-wrapper textarea{width:100%;padding:15px 40px 15px 15px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#2d3748;background:#fff;transition:all .3s ease;outline:none}.input-wrapper textarea{resize:vertical;min-height:80px;font-family:var(--font-sans)}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:#7cb342;box-shadow:0 0 0 3px #7cb3421a;transform:translateY(-2px)}.input-wrapper label{position:absolute;left:15px;top:16px;font-size:15px;color:#718096;pointer-events:none;transition:all .3s ease;background:#fff;padding:0 5px}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label,.input-wrapper textarea:focus+label,.input-wrapper textarea:not(:placeholder-shown)+label{top:-10px;left:12px;font-size:12px;color:#7cb342;font-weight:600}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;font-size:16px;padding:5px;transition:color .3s ease;z-index:10}.toggle-password:hover{color:#7cb342}.btn-modern{width:100%;padding:16px 30px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #7cb34266;margin-top:10px}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7cb34280}.btn-modern:active{transform:translateY(0)}.btn-modern i{transition:transform .3s ease}.btn-modern:hover i{transform:translate(5px)}.form-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.form-footer p{font-size:14px;color:#718096}.link-primary{color:#7cb342;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.link-primary:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:#7cb342;transition:width .3s ease}.link-primary:hover:after{width:100%}.link-primary:hover{color:#558b2f}@media (max-width: 768px){.modern-auth-section{padding:20px 15px}.auth-card{grid-template-columns:1fr;max-width:450px;margin:0 auto}.mascot-section{padding:30px 20px;min-height:auto}.mascot-image{width:180px;height:180px;margin-bottom:20px}.welcome-text h2{font-size:22px}.welcome-text p{font-size:14px}.form-section{padding:30px 25px}.form-header h1{font-size:26px}.input-icon{width:35px;height:45px}.shape{display:none}}@media (max-width: 480px){.form-section{padding:25px 20px}.input-wrapper input,.input-wrapper textarea{padding:12px 35px 12px 12px;font-size:14px}.btn-modern{padding:14px 25px;font-size:15px}}.btn-modern.loading{pointer-events:none;opacity:.7}.btn-modern.loading:after{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-box{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message-box.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-box.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-box i{font-size:18px}.password-requirements{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin:15px 0}.password-requirements p{margin:0 0 10px;font-weight:600;color:#333;font-size:14px}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{display:flex;align-items:center;gap:8px;padding:5px 0;color:#666;font-size:14px;transition:all .3s ease}.password-requirements li i{font-size:12px;color:#ccc;transition:all .3s ease}.password-requirements li.valid,.password-requirements li.valid i{color:#7cb342}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-right:45px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:5px;transition:color .3s ease}.password-toggle:hover{color:#7cb342}.auth-success{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#7cb342,#558b2f);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:scaleIn .5s ease-out}.success-icon i{font-size:40px;color:#fff}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.auth-success h2{color:#333;font-size:24px;margin-bottom:15px}.auth-success p{color:#666;font-size:16px;line-height:1.6;margin-bottom:10px}.alert-error{background:#fee;border:1px solid #fcc;border-left:4px solid #f44336;color:#c33;padding:12px 15px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}.alert-error i{font-size:18px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#fafafa;gap:40px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#7cb3420d,#aed5810d);top:0;left:0;z-index:0}.auth-container .auth-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:50px;max-width:550px;width:100%;display:block;grid-template-columns:none;min-height:auto;position:relative;z-index:1;animation:slideUp .6s ease-out}.auth-container .auth-header{text-align:center;margin-bottom:35px}.auth-container .auth-icon{width:80px;height:80px;background:linear-gradient(135deg,#7cb342,#558b2f);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 8px 20px #7cb3424d;animation:scaleIn .5s ease-out}.auth-container .auth-icon i{font-size:36px;color:#fff}.auth-container .auth-header h1{font-size:32px;color:#333;margin-bottom:12px;font-weight:700}.auth-container .auth-header p{color:#666;font-size:16px;line-height:1.6}.auth-container .form-group{margin-bottom:24px}.auth-container .form-group label{display:block;margin-bottom:10px;font-weight:600;color:#333;font-size:15px}.auth-container .form-group label i{margin-right:8px;color:#7cb342}.auth-container .form-group input,.auth-container .form-group textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.auth-container .form-group input:focus,.auth-container .form-group textarea:focus{border-color:#7cb342;outline:none;box-shadow:0 0 0 3px #7cb3421a}.auth-container .form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.auth-container .btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #7cb3424d}.auth-container .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7cb34266}.auth-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-container .btn-full{width:100%}.auth-container .auth-info{display:flex;flex-direction:column;gap:20px;max-width:380px;position:relative;z-index:1}.auth-container .info-card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 15px #00000014;text-align:center;transition:all .3s ease;animation:slideUp .6s ease-out}.auth-container .info-card:nth-child(2){animation-delay:.1s}.auth-container .info-card:nth-child(3){animation-delay:.2s}.auth-container .info-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.auth-container .info-card i{font-size:36px;color:#7cb342;margin-bottom:15px}.auth-container .info-card h3{font-size:18px;color:#333;margin-bottom:10px;font-weight:600}.auth-container .info-card p{font-size:14px;color:#666;line-height:1.6;margin:0}.auth-container .auth-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.auth-container .auth-link{color:#7cb342;text-decoration:none;font-size:15px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;font-weight:500}.auth-container .auth-link:hover{color:#558b2f;gap:12px}.auth-container .auth-link:hover i{transform:translate(5px)}.auth-container .auth-link i{transition:transform .3s ease}@media (max-width: 768px){.auth-container{padding:30px 15px}.auth-container .auth-card{padding:35px 25px}.auth-container .auth-info{flex-direction:column}}@media (max-width: 480px){.auth-container .auth-card{padding:30px 20px}.auth-container .auth-header h1{font-size:26px}.auth-container .auth-icon{width:70px;height:70px}.auth-container .auth-icon i{font-size:32px}.auth-container .info-card{padding:20px}.auth-container .auth-header h1{font-size:24px}.auth-container .auth-icon{width:60px;height:60px}.auth-container .auth-icon i{font-size:28px}}.cart-page{background:linear-gradient(to bottom,#f8fef8,#fff);min-height:calc(100vh - 200px);padding:60px 0}.cart-page .container{max-width:100%;width:100%;padding:0}.cart-header{text-align:center;margin-bottom:50px}.cart-header h1{font-size:40px;font-weight:800;color:#2d3748;margin-bottom:10px;display:inline-flex;align-items:center;gap:15px}.cart-header h1 i{color:#7cb342;font-size:42px}.cart-count{font-size:16px;color:#718096;font-weight:600}.promotion-banner-top{background:linear-gradient(135deg,#ff9800,#f57c00,#e65100);padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;box-shadow:0 6px 20px #ff980066,0 3px 10px #e6510040,inset 0 1px #fff3;animation:bannerPulse 3s ease-in-out infinite;border:none;position:relative;overflow:hidden;margin:20px 0 0;transform-style:preserve-3d;max-width:180px;width:180px}.promotion-banner-top:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shineEffect 3s ease-in-out infinite;z-index:1}.promotion-banner-top:after{content:"";position:absolute;top:-30%;right:-20%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;z-index:0}@keyframes bannerPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #ff980066,0 5px 15px #e6510040,inset 0 2px #fff3}50%{transform:scale(1.005);box-shadow:0 15px 40px #ff980080,0 8px 20px #e6510059,inset 0 2px #ffffff4d}}@keyframes shineEffect{0%{left:-100%}50%,to{left:200%}}.promotion-banner-top i{font-size:36px;color:#fff;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:giftBounce 2s ease-in-out infinite}@keyframes giftBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-8deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(8deg)}}.promotion-banner-top .promotion-content{z-index:2;text-align:center}.promotion-banner-top .promotion-content strong{display:block;color:#fff;font-size:13px;font-weight:800;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px;text-transform:uppercase;line-height:1.2}.promotion-banner-top .promotion-content p{margin:0;color:#fffffffa;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.2px;line-height:1.3}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:25px;align-items:start;max-width:1280px;margin:0 auto;padding:0 20px}.cart-items-section .card{border:none;border-radius:20px;box-shadow:0 10px 40px #00000014;overflow:hidden}.cart-items-section .card-body{padding:25px 20px}.cart-item{display:grid;grid-template-columns:100px minmax(200px,2.5fr) 100px 120px 110px 40px;gap:12px;align-items:center;padding:22px 0;transition:all .3s ease;position:relative}.cart-item-border{border-bottom:2px solid #f0f0f0}.cart-item:hover{background:linear-gradient(to right,#f8fef8,transparent);padding-left:15px;padding-right:15px;margin-left:-15px;margin-right:-15px;border-radius:12px}.cart-item-image{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.cart-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.item-trial-badge{position:absolute;top:5px;left:5px;background:linear-gradient(135deg,#ffb74d,#ffa726);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;box-shadow:0 2px 8px #ffb74d66}.cart-item-info{flex:1;min-width:0;padding-right:15px}.cart-item-info h5{font-size:15px;font-weight:600;color:#2d3748;margin-bottom:6px;line-height:1.4;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;letter-spacing:.2px}.cart-item-info .text-muted{font-size:13px;color:#718096;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:normal}.item-price-mobile{display:none}.cart-item-price{text-align:left}.price-label,.quantity-label,.total-label{display:block;font-size:9px;color:#a0aec0;font-weight:800;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.cart-item-price strong{font-size:16px;color:#2d3748;font-weight:800}.cart-item-quantity{text-align:left}.quantity-controls{display:flex;align-items:center;gap:2px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:6px;padding:2px;box-shadow:0 2px 4px #0000000d;width:fit-content;border:1px solid #e0e0e0}.qty-btn{width:24px;height:24px;border:none;background:#fff;color:#2d3748;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.qty-btn:hover:not(:disabled){background:#7cb342;color:#fff;transform:scale(1.1)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-input{width:36px;height:24px;border:none;background:#fff;text-align:center;font-size:12px;font-weight:800;color:#2d3748;border-radius:4px;outline:none;box-shadow:inset 0 1px 2px #0000000d}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-item-total{text-align:right;min-width:90px}.item-total-price{font-size:17px;color:#7cb342;font-weight:900;letter-spacing:-.2px;text-shadow:0 1px 2px rgba(124,179,66,.1)}.cart-item-actions{display:flex;flex-direction:column;gap:6px}.btn-remove{width:36px;height:36px;border:none;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;font-size:14px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f443364d}.btn-remove:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #f4433666}.cart-actions{margin-top:25px;padding-top:25px;border-top:2px solid #f0f0f0;text-align:right}.btn-clear-all{padding:12px 24px;border:2px solid #f44336;background:transparent;color:#f44336;font-size:15px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-clear-all:hover{background:#f44336;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f443364d}.cart-summary-section{position:sticky;top:100px;max-height:calc(100vh - 140px);overflow-y:auto;width:100%;max-width:400px}.cart-summary-section::-webkit-scrollbar{width:6px}.cart-summary-section::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.cart-summary-section::-webkit-scrollbar-thumb{background:#7cb342;border-radius:10px}.summary-card .card{border:none;border-radius:16px;box-shadow:0 8px 30px #7cb34226;overflow:visible;margin-bottom:18px;background:#fff;border:2px solid #e8f5e9}.summary-card .card-header{background:linear-gradient(135deg,#7cb342,#689f38);padding:16px 20px;border:none;border-radius:14px 14px 0 0;box-shadow:0 4px 12px #7cb34233}.summary-card .card-header h5{margin:0;font-size:18px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.summary-card .card-body{padding:22px 20px;background:linear-gradient(to bottom,#fff,#fafafa)}.summary-details{margin-bottom:18px;background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 8px #0000000a}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;color:#4a5568;transition:all .2s ease}.summary-row:hover{background:#f8fef8;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:8px}.summary-row span{font-weight:600;display:flex;align-items:center;gap:6px}.summary-divider{height:1px;background:linear-gradient(to right,transparent,#7CB342,transparent);margin:12px 0;opacity:.3}.summary-total{margin-top:12px;padding:16px;background:linear-gradient(135deg,#f1f8e9,#dcedc8);border-radius:10px;border:2px dashed #7CB342;box-shadow:0 4px 12px #7cb34226}.summary-total h5{font-size:16px;font-weight:800;color:#558b2f;margin:0;text-transform:uppercase;letter-spacing:.5px}.total-amount{color:#558b2f!important;font-size:26px!important;font-weight:900!important;text-shadow:0 2px 4px rgba(124,179,66,.2)}.summary-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;margin-top:20px}.btn-checkout{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;padding:16px 24px;font-size:16px;font-weight:800;border:none;border-radius:12px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #7cb34266;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-checkout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-checkout:hover:before{left:100%}.btn-checkout:hover{transform:translateY(-3px);box-shadow:0 12px 35px #7cb34299;color:#fff}.btn-checkout:active{transform:translateY(-1px);box-shadow:0 6px 20px #7cb34266}.btn-continue{background:#fff;color:#7cb342;padding:14px 24px;font-size:15px;font-weight:700;border:2px solid #7CB342;border-radius:12px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;white-space:nowrap}.btn-continue:hover{background:#7cb342;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #7cb3424d}.trust-badges{display:flex;flex-direction:column;gap:10px;padding:18px 16px;background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border-radius:12px;border:2px solid #c5e1a5;box-shadow:0 2px 8px #7cb3421a}.trust-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#2d3748;font-weight:600;line-height:1.4;padding:8px;background:#fff;border-radius:8px;transition:all .2s ease}.trust-item:hover{transform:translate(4px);box-shadow:0 2px 8px #7cb34226}.trust-item i{color:#7cb342;font-size:20px;width:24px;text-align:center;flex-shrink:0;background:linear-gradient(135deg,#c5e1a5,#aed581);padding:6px;border-radius:6px}.promotion-banner{display:none}.promotion-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite;z-index:1}.promotion-banner:after{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;z-index:0}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #ff980059,0 4px 12px #e6510033,inset 0 1px #fff3}50%{transform:scale(1.01);box-shadow:0 12px 32px #ff980073,0 6px 16px #e651004d,inset 0 1px #ffffff4d}}@keyframes shine{0%{left:-100%}50%,to{left:200%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.promotion-banner i{font-size:36px;color:#fff;z-index:2;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(5deg)}}.promotion-content{z-index:2;flex:1}.promotion-content strong{display:block;color:#fff;font-size:17px;font-weight:900;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px;text-transform:uppercase}.promotion-content p{margin:0;color:#fffffffa;font-size:14px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.3px}.empty-cart{text-align:center;padding:100px 20px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;max-width:600px;margin:0 auto}.empty-cart-icon{width:150px;height:150px;margin:0 auto 30px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-cart-icon i{font-size:80px;color:#7cb342}.empty-cart h2{font-size:32px;font-weight:800;color:#2d3748;margin-bottom:15px}.empty-cart p{font-size:16px;color:#718096;margin-bottom:10px;line-height:1.6}.empty-cart .text-muted{font-size:14px;color:#a0aec0;margin-bottom:30px}.empty-cart .btn-primary{padding:16px 40px;font-size:17px;font-weight:700;background:linear-gradient(135deg,#7cb342,#558b2f);border:none;border-radius:12px;box-shadow:0 6px 20px #7cb34266;transition:all .3s ease}.empty-cart .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}@media (max-width: 1200px){.cart-layout{grid-template-columns:1fr 350px}.cart-item{grid-template-columns:100px minmax(200px,2fr) 110px 140px 120px 50px;gap:12px}}@media (max-width: 992px){.cart-layout{grid-template-columns:1fr}.cart-summary-section{position:static}.cart-item{grid-template-columns:100px 1fr;gap:15px;padding:25px 20px;background:#f8f9fa;border-radius:15px;margin-bottom:15px}.cart-item-border{border-bottom:none}.cart-item:hover{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.cart-item-image{width:100px;height:100px}.cart-item-info{grid-column:1 / -1;padding-right:0}.cart-item-info h5{font-size:16px;font-weight:700}.cart-item-price,.cart-item-quantity,.cart-item-total{grid-column:1 / -1;text-align:left;display:flex;justify-content:space-between;align-items:center}.cart-item-price:before{content:"Đơn giá:";font-weight:700;color:#718096;font-size:14px}.cart-item-quantity:before{content:"Số lượng:";font-weight:700;color:#718096;font-size:14px}.cart-item-total:before{content:"Thành tiền:";font-weight:700;color:#718096;font-size:14px}.price-label,.quantity-label,.total-label{display:none}.cart-item-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.cart-actions{text-align:center}}@media (max-width: 768px){.cart-page{padding:40px 0}.cart-header h1{font-size:28px}.cart-item{grid-template-columns:1fr;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:15px}.cart-item-border{border-bottom:none}.cart-item:hover{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.cart-item-image{width:100%;height:200px}.cart-item-info .text-muted{display:block}.item-price-mobile{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.cart-item-price,.price-label,.quantity-label,.total-label{display:none}.cart-item-quantity,.cart-item-total{display:flex;justify-content:space-between;align-items:center}.cart-item-quantity:before{content:"Số lượng:";font-weight:700;color:#718096;font-size:14px}.cart-item-total:before{content:"Thành tiền:";font-weight:700;color:#718096;font-size:14px}.cart-item-actions{flex-direction:row;justify-content:flex-end}.btn-remove{width:100%;max-width:200px}.cart-actions{text-align:center}}.checkout-page{background:linear-gradient(to bottom,#f8fef8,#fff);min-height:calc(100vh - 200px);padding:60px 0}.checkout-header{text-align:center;margin-bottom:50px}.checkout-header h1{font-size:40px;font-weight:800;color:#2d3748;margin-bottom:10px;display:inline-flex;align-items:center;gap:15px}.checkout-header h1 i{color:#7cb342;font-size:42px}.checkout-subtitle{font-size:16px;color:#718096;font-weight:500}.checkout-layout{display:grid;grid-template-columns:1fr 450px;gap:30px;align-items:start}.checkout-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;overflow:hidden;margin-bottom:25px}.checkout-card-header{background:linear-gradient(135deg,#7cb342,#558b2f);padding:20px 30px;border:none;display:flex;justify-content:space-between;align-items:center}.checkout-card-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center;gap:12px}.checkout-card-header h3 i{font-size:22px}.shipping-area-badge{display:flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.shipping-area-badge i{color:#ffd54f;font-size:16px;animation:truckMove 2s ease-in-out infinite}.shipping-area-badge span{color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes truckMove{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.checkout-card-body{padding:30px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:700;color:#2d3748;margin-bottom:8px;display:flex;align-items:center;gap:8px}.form-label i{color:#7cb342;font-size:16px}.form-control{width:100%;padding:14px 16px;font-size:15px;color:#2d3748;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;outline:none}.form-control:focus{background:#fff;border-color:#7cb342;box-shadow:0 0 0 3px #7cb3421a}.form-control::placeholder{color:#a0aec0}textarea.form-control{resize:vertical;min-height:100px;font-family:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.payment-methods{display:flex;flex-direction:column;gap:15px}.payment-option{position:relative;display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border:3px solid #e0e0e0;border-radius:15px;cursor:pointer;transition:all .3s ease}.payment-option:hover{background:#f0fef0;border-color:#7cb342;transform:translateY(-2px);box-shadow:0 8px 25px #7cb34226}.payment-option.active{background:linear-gradient(135deg,#e8f5e9,#f0fef0);border-color:#7cb342;box-shadow:0 8px 30px #7cb34240}.payment-option input[type=radio]{display:none}.payment-option-content{display:flex;align-items:center;gap:15px;flex:1}.payment-icon{width:60px;height:60px;background:linear-gradient(135deg,#7cb342,#558b2f);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-info strong{font-size:16px;font-weight:700;color:#2d3748}.payment-info span{font-size:13px;color:#718096}.payment-check{font-size:24px;color:#7cb342;opacity:0;transition:all .3s ease}.payment-option.active .payment-check{opacity:1}.summary-sticky{position:sticky;top:100px}.order-items{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:5px}.order-items::-webkit-scrollbar{width:6px}.order-items::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.order-items::-webkit-scrollbar-thumb{background:#7cb342;border-radius:10px}.order-item{display:flex;gap:15px;padding:15px 0;border-bottom:2px solid #f0f0f0}.order-item-image{position:relative;width:70px;height:70px;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-qty{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.order-item-info{flex:1;min-width:0}.order-item-info h5{font-size:15px;font-weight:700;color:#2d3748;margin-bottom:5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.order-item-price{font-size:13px;color:#718096;font-weight:600}.order-item-total{font-size:16px;font-weight:800;color:#7cb342;white-space:nowrap}.order-summary-details{margin-top:25px;padding-top:20px;border-top:3px solid #7CB342}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:15px;color:#4a5568}.summary-row span{font-weight:500}.summary-row strong{font-weight:700;color:#2d3748}.summary-row .text-success{color:#7cb342!important;font-weight:700}.summary-row .text-muted{color:#a0aec0!important}.summary-divider{height:2px;background:linear-gradient(to right,transparent,#7CB342,transparent);margin:15px 0}.summary-total{margin-top:15px;padding-top:15px;border-top:2px solid #e0e0e0}.summary-total h4{font-size:20px;font-weight:800;color:#2d3748;margin:0}.total-amount{color:#7cb342!important;font-size:28px!important;font-weight:900!important}.trust-info{display:flex;flex-direction:column;gap:10px;padding:20px;background:linear-gradient(135deg,#f8fef8,#e8f5e9);border-radius:12px;margin-top:20px;margin-bottom:20px;border:2px dashed #7CB342}.trust-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#2d3748;font-weight:600}.trust-item i{color:#7cb342;font-size:18px;width:20px;text-align:center}.btn-place-order{width:100%;padding:18px 30px;font-size:18px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7cb342,#558b2f);border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #7cb34266;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.btn-place-order:hover{transform:translateY(-3px);box-shadow:0 12px 35px #7cb34280}.btn-place-order i{font-size:20px}.btn-back-to-cart{width:100%;padding:14px 30px;font-size:15px;font-weight:700;color:#7cb342;background:transparent;border:2px solid #7CB342;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-back-to-cart:hover{background:#7cb342;color:#fff;transform:translateY(-2px)}.empty-checkout{text-align:center;padding:100px 20px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;max-width:600px;margin:0 auto}.empty-checkout-icon{width:150px;height:150px;margin:0 auto 30px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-checkout-icon i{font-size:80px;color:#7cb342}.empty-checkout h2{font-size:32px;font-weight:800;color:#2d3748;margin-bottom:15px}.empty-checkout p{font-size:16px;color:#718096;margin-bottom:30px;line-height:1.6}.empty-checkout .btn-primary{padding:16px 40px;font-size:17px;font-weight:700;background:linear-gradient(135deg,#7cb342,#558b2f);border:none;border-radius:12px;box-shadow:0 6px 20px #7cb34266;transition:all .3s ease;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.empty-checkout .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}@media (max-width: 1200px){.checkout-layout{grid-template-columns:1fr 400px}}@media (max-width: 992px){.checkout-layout{grid-template-columns:1fr}.summary-sticky{position:static}.order-items{max-height:300px}}@media (max-width: 768px){.checkout-page{padding:40px 0}.checkout-header h1{font-size:28px}.checkout-header h1 i{font-size:30px}.checkout-card-body{padding:20px}.form-grid,.form-grid-3{grid-template-columns:1fr}.payment-option{padding:15px}.payment-icon{width:50px;height:50px;font-size:24px}.payment-info strong{font-size:14px}.payment-info span{font-size:12px}.order-item-image{width:60px;height:60px}.order-item-info h5,.order-item-total{font-size:14px}}.checkout-page{background:linear-gradient(to bottom,#f8f9fa,#fff);min-height:calc(100vh - 200px);padding:60px 0}.checkout-page h1{font-size:36px;font-weight:800;color:#2d3748;margin-bottom:40px;display:flex;align-items:center;gap:15px}.checkout-page h1 i{color:#7cb342;font-size:40px}.checkout-page .card{border:none;border-radius:20px;box-shadow:0 10px 40px #00000014;overflow:hidden}.checkout-page .card-header{background:linear-gradient(135deg,#7cb342,#558b2f);padding:20px 25px;border:none}.checkout-page .card-header h5{margin:0;font-size:20px;font-weight:700}.checkout-page .card-body{padding:30px}.checkout-page .form-label{font-size:14px;font-weight:700;color:#2d3748;margin-bottom:8px}.checkout-page .form-control,.checkout-page .form-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s ease}.checkout-page .form-control:focus,.checkout-page .form-select:focus{outline:none;border-color:#7cb342;box-shadow:0 0 0 4px #7cb34226}.checkout-page .form-check{padding:15px 20px;background:#f8f9fa;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.checkout-page .form-check:hover{background:#f0fdf4;border-color:#7cb342}.checkout-page .form-check-input:checked~.form-check-label{color:#7cb342;font-weight:700}.checkout-page .form-check-input:checked{background-color:#7cb342;border-color:#7cb342}.checkout-page .form-check-label{font-size:15px;font-weight:600;color:#4a5568;margin-left:10px}.order-item{padding:15px 0;border-bottom:2px solid #f0f0f0}.order-item:last-child{border-bottom:none}.order-item strong{font-size:15px;color:#2d3748;font-weight:700}.order-item small{font-size:13px;color:#718096}.order-total-row{padding:15px 0;border-top:3px solid #7CB342;margin-top:15px}.order-total-row h5{font-size:22px;font-weight:800;color:#7cb342}.checkout-page .btn-primary{background:linear-gradient(135deg,#7cb342,#558b2f);border:none;padding:16px 30px;font-size:17px;font-weight:700;border-radius:12px;box-shadow:0 6px 20px #7cb34266;transition:all .3s ease}.checkout-page .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7cb34280}.checkout-page .btn-primary i{margin-right:8px;font-size:18px}.checkout-page .text-center i.fa-shopping-cart{color:#e2e8f0;margin-bottom:25px}.checkout-page .text-center h2{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:15px}.checkout-page .text-center p{font-size:16px;color:#718096;margin-bottom:30px}.bank-selection-wrapper{margin-top:20px;padding:25px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:15px;border:2px dashed #7CB342;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.selected-bank-info{margin-bottom:25px}.bank-badge{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#fff;border-radius:12px;border:2px solid #7CB342;box-shadow:0 4px 15px #7cb34233}.bank-badge i{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border-radius:10px;font-size:24px;flex-shrink:0}.bank-badge-text{flex:1;display:flex;flex-direction:column;gap:4px}.bank-badge-text strong{font-size:18px;font-weight:800;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.bank-badge-text span{font-size:13px;font-weight:600;color:#718096;line-height:1.4}.bank-select{background:#fff!important;border:2px solid #7CB342!important;color:#2d3748;font-weight:600;padding:14px 16px;font-size:15px;cursor:pointer}.bank-select:focus{border-color:#558b2f!important;box-shadow:0 0 0 3px #7cb34233!important}.bank-select option{padding:10px;font-weight:600}.bank-transfer-info{margin-top:20px;padding:0;background:#fff;border-radius:16px;border:2px solid #7CB342;overflow:hidden;animation:fadeIn .5s ease-out;box-shadow:0 10px 40px #7cb34226}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bank-qr-layout{display:grid;grid-template-columns:340px 1fr;gap:0;min-height:480px}.bank-qr-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:22px 18px;border-right:2px solid #e8f5e9;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.qr-code-wrapper{width:100%;max-width:300px}.qr-code-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:12px 18px;background:linear-gradient(135deg,#7cb342,#558b2f);border-radius:10px;box-shadow:0 4px 15px #7cb3424d}.qr-code-header i{font-size:20px;color:#fff;flex-shrink:0}.qr-code-header span{font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1.3}.qr-code-image{width:100%;aspect-ratio:1;background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 30px #00000026;margin-bottom:16px;border:3px solid #7CB342;position:relative;overflow:hidden}.qr-code-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#7CB342 2px,transparent 2px),linear-gradient(to bottom,#7CB342 2px,transparent 2px);background-size:20px 20px;opacity:.05;pointer-events:none}.qr-code-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;position:relative;z-index:1}.qr-scan-instruction{display:flex;flex-direction:column;gap:11px;width:100%}.scan-step{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#fff;border-radius:9px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.scan-step:hover{transform:translate(4px);box-shadow:0 4px 15px #7cb34233}.scan-step i{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff;border-radius:7px;font-size:15px;flex-shrink:0}.scan-step span{font-size:14px;font-weight:700;color:#2d3748;white-space:nowrap}.bank-info-section{padding:22px 28px;background:#fff;display:flex;flex-direction:column}.bank-info-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:3px solid #e8f5e9;flex-shrink:0}.bank-info-header i{font-size:22px;color:#7cb342;flex-shrink:0}.bank-info-header strong{font-size:17px;color:#2d3748;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.bank-details{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;flex:1}.bank-detail-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;background:#f8f9fa;border-radius:10px;border-left:4px solid #7CB342;transition:all .3s ease;min-height:56px}.bank-detail-item:hover{background:#f0fdf4;transform:translate(2px);box-shadow:0 2px 8px #7cb34226}.bank-detail-item .label{font-size:14px;font-weight:700;color:#718096;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;min-width:120px}.bank-detail-item .label i{color:#7cb342;font-size:16px;width:20px;text-align:center;flex-shrink:0}.bank-detail-item .value{font-size:15px;font-weight:800;color:#2d3748;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.5}.bank-detail-item .value.highlight{color:#7cb342;font-weight:900;font-size:14px;padding:5px 12px;background:linear-gradient(135deg,#e8f5e9,#dcfce7);border-radius:8px;white-space:normal;word-wrap:break-word;text-align:right;line-height:1.4;max-width:100%}.bank-detail-item .value.amount-highlight{color:#ff6b6b;font-weight:900;font-size:18px;white-space:nowrap}.bank-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:10px;border:2px solid #fbbf24;margin-top:15px;box-shadow:0 4px 15px #fbbf2433}.bank-note i{color:#f59e0b;font-size:20px;margin-top:2px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.note-content{flex:1;min-width:0}.note-content strong{display:block;font-size:13px;color:#92400e;font-weight:800;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.note-content ul{margin:0;padding-left:18px;list-style:none}.note-content ul li{font-size:12px;color:#78350f;font-weight:600;line-height:1.6;position:relative;padding-left:18px;margin-bottom:4px}.note-content ul li:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:900;font-size:13px}@media (max-width: 992px){.bank-qr-layout{grid-template-columns:1fr}.bank-qr-section{border-right:none;border-bottom:2px solid #e8f5e9;padding:30px}.qr-code-wrapper{max-width:350px}}@media (max-width: 768px){.checkout-page{padding:40px 0}.checkout-page h1{font-size:28px}.checkout-page .card-body{padding:20px}.bank-selection-wrapper{padding:18px 12px}.bank-qr-section{padding:18px}.qr-code-wrapper{max-width:100%}.qr-code-header{padding:8px 12px}.qr-code-header span{font-size:12px}.qr-scan-instruction{gap:8px}.scan-step{padding:8px 10px}.scan-step i{width:30px;height:30px;font-size:13px}.scan-step span{font-size:12px}.bank-info-section{padding:18px}.bank-info-header{margin-bottom:14px;padding-bottom:10px}.bank-info-header strong{font-size:14px}.bank-details{gap:10px}.bank-detail-item{flex-direction:column;align-items:flex-start;padding:12px 14px;gap:6px;min-height:auto}.bank-detail-item .label{font-size:13px;min-width:auto}.bank-detail-item .value{text-align:left;font-size:14px;width:100%;white-space:normal;word-wrap:break-word}.bank-detail-item .value.highlight{font-size:13px;padding:4px 10px}.bank-detail-item .value.amount-highlight{font-size:16px}.bank-note{padding:12px;gap:10px;margin-top:12px}.bank-note i{font-size:18px}.note-content strong{font-size:12px;margin-bottom:4px}.note-content ul{padding-left:16px}.note-content ul li{font-size:11px;line-height:1.5;padding-left:16px;margin-bottom:3px}.note-content ul li:before{font-size:12px}}:root{--admin-font: "Inter", "Times New Roman", sans-serif;--admin-sidebar-w: 260px;--admin-bg: #f0f4f0;--admin-surface: #ffffff;--admin-surface-2: #f8faf8;--admin-border: #e2e8e2;--admin-text: #2d3a2d;--admin-text-muted: #7a8c7a;--admin-text-dim: #4a5a4a;--green-500: #7CB342;--green-600: #558B2F;--green-glow: rgba(124, 179, 66, .2);--green-light: #f0f7e8;--blue-500: #3b82f6;--blue-glow: rgba(59,130,246,.15);--orange-500: #f97316;--orange-glow: rgba(249,115,22,.15);--purple-500: #a855f7;--purple-glow: rgba(168,85,247,.15);--red-500: #ef4444;--red-glow: rgba(239,68,68,.15);--teal-500: #14b8a6;--teal-glow: rgba(20,184,166,.15);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-glow-green: 0 0 20px var(--green-glow)}.admin-container *{box-sizing:border-box}.admin-container{display:flex;min-height:100vh;background:var(--admin-bg);font-family:var(--admin-font);color:var(--admin-text)}.admin-sidebar{width:var(--admin-sidebar-w);background:linear-gradient(175deg,#2c4a1e,#1e3410);border-right:none;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:4px 0 20px #00000026;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.admin-sidebar-header{padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.admin-logo{display:flex;align-items:center;gap:12px}.admin-logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--green-500),var(--green-600));border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #7cb34266}.admin-logo-text h2{margin:0;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px}.admin-logo-text span{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;font-weight:600}.admin-user-info{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.admin-user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--green-500),var(--green-600));display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;flex-shrink:0}.admin-user-avatar:after{content:"";position:absolute;bottom:0;right:0;width:11px;height:11px;background:#4ade80;border:2px solid #1e3410;border-radius:50%}.admin-user-details h4{margin:0 0 4px;font-size:13px;font-weight:700;color:#fff}.admin-badge{font-size:9px;background:linear-gradient(135deg,var(--green-500),var(--green-600));padding:2px 10px;border-radius:20px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-notification-section{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.admin-notification-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm);color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:14px;font-family:var(--admin-font)}.admin-notification-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.admin-notification-btn i{font-size:15px}.notification-badge{margin-left:auto;background:#ef4444;color:#fff;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:700;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.notification-dropdown{position:absolute;top:100%;left:16px;right:16px;margin-top:8px;background:#fff;border:1px solid var(--admin-border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:2000;max-height:400px;overflow:hidden;display:flex;flex-direction:column;animation:dropDown .2s ease}@keyframes dropDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:12px 16px;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;background:var(--admin-surface-2)}.notification-header h4{margin:0;font-size:13px;font-weight:700;color:var(--admin-text)}.mark-all-read{background:none;border:none;color:var(--green-500);font-size:11px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;font-family:var(--admin-font);transition:background .2s}.mark-all-read:hover{background:var(--green-light)}.notification-list{overflow-y:auto;max-height:340px}.notification-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--admin-border);cursor:pointer;transition:background .2s}.notification-item:hover{background:var(--admin-surface-2)}.notification-item.unread{background:#7cb3420d;border-left:3px solid var(--green-500)}.notification-icon{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--green-500),var(--green-600));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex-shrink:0}.notification-content strong{display:block;font-size:12px;color:var(--admin-text);margin-bottom:2px}.notification-content p{margin:0 0 4px;font-size:11px;color:var(--admin-text-muted)}.notification-order-info{display:flex;gap:12px;font-size:11px;color:var(--admin-text-muted)}.notification-amount{color:var(--green-500);font-weight:700}.notification-content small{font-size:10px;color:var(--admin-text-muted)}.no-notifications{text-align:center;padding:40px 20px;color:var(--admin-text-muted)}.no-notifications i{font-size:32px;margin-bottom:8px;opacity:.3;display:block}.no-notifications p{margin:0;font-size:13px}.admin-nav{flex:1;padding:12px 0}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#fff9;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;position:relative;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--admin-font)}.admin-nav-item i{font-size:15px;width:18px;text-align:center;transition:transform .2s}.admin-nav-item:hover{color:#fff;background:#ffffff14}.admin-nav-item:hover i{transform:scale(1.1)}.admin-nav-item.active{background:#7cb34233;border-left-color:var(--green-500);color:#a8d878;font-weight:600}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700}.admin-nav-divider{height:1px;background:#ffffff1a;margin:8px 16px}.logout-btn{color:#fca5a5}.logout-btn:hover{background:#ef444426;color:#f87171}.admin-main{margin-left:var(--admin-sidebar-w);flex:1;padding:28px 32px;min-height:100vh;background:var(--admin-bg)}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.admin-header h1{font-size:26px;font-weight:800;color:var(--admin-text);margin:0 0 5px;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.admin-header h1 i{color:var(--green-500);font-size:22px}.admin-header-subtitle{color:var(--admin-text-muted);font-size:13px;margin:0}.admin-header-actions{display:flex;gap:10px;align-items:center}.today-date{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--admin-border);padding:9px 16px;border-radius:var(--r-sm);color:var(--admin-text-dim);font-size:13px;font-weight:600;box-shadow:var(--shadow-sm)}.today-date i{color:var(--green-500)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--admin-border);border-radius:var(--r-lg);padding:22px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;position:relative;overflow:hidden;cursor:default;box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;transform:translate(20%,-20%);opacity:.08}.stat-card-blue:before{background:#3b82f6}.stat-card-orange:before{background:#f97316}.stat-card-green:before{background:#7cb342}.stat-card-purple:before{background:#a855f7}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#7cb34233}.stat-card-blue:hover{box-shadow:0 6px 24px var(--blue-glow)}.stat-card-orange:hover{box-shadow:0 6px 24px var(--orange-glow)}.stat-card-green:hover{box-shadow:0 6px 24px var(--green-glow)}.stat-card-purple:hover{box-shadow:0 6px 24px var(--purple-glow)}.stat-icon{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.stat-card-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px #3b82f659}.stat-card-orange .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 14px #f9731659}.stat-card-green .stat-icon{background:linear-gradient(135deg,#7cb342,#558b2f);box-shadow:0 4px 14px #7cb34259}.stat-card-purple .stat-icon{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 14px #a855f759}.stat-content{flex:1}.stat-content h3{margin:0 0 3px;font-size:28px;font-weight:800;color:var(--admin-text);letter-spacing:-.8px;line-height:1}.stat-content p{margin:0 0 6px;color:var(--admin-text-muted);font-size:13px;font-weight:500}.stat-subtext{font-size:11px;color:var(--admin-text-muted);display:flex;align-items:center;gap:5px}.stat-action{font-size:12px;color:var(--orange-500);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:4px;transition:gap .2s}.stat-action:hover{gap:8px}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-number-animate{animation:countUp .5s ease}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.dashboard-card{background:#fff;border:1px solid var(--admin-border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.dashboard-card:hover{box-shadow:var(--shadow-md)}.card-header{padding:16px 22px;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;background:var(--admin-surface-2)}.card-header h3{margin:0;font-size:14px;font-weight:700;color:var(--admin-text);display:flex;align-items:center;gap:7px}.card-header h3 i{color:var(--green-500);font-size:13px}.card-body{padding:18px 22px}.chart-container{display:flex;align-items:center;gap:24px;padding:4px 0}.donut-wrapper{position:relative;flex-shrink:0}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-center-number{font-size:26px;font-weight:800;color:var(--admin-text);line-height:1}.donut-center-label{font-size:10px;color:var(--admin-text-muted);font-weight:500}.donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;transition:opacity .2s}.legend-item:hover{opacity:.75}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;font-size:12px;color:var(--admin-text-dim);font-weight:500}.legend-count{font-size:13px;font-weight:700;color:var(--admin-text)}.legend-pct{font-size:11px;color:var(--admin-text-muted);min-width:32px;text-align:right}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:130px;padding:6px 0}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar-track{width:100%;background:#f0f4f0;border-radius:6px 6px 0 0;position:relative;height:100%;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height 1s cubic-bezier(.34,1.56,.64,1);position:relative}.bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff80;border-radius:6px 6px 0 0}.bar-val{font-size:11px;font-weight:700;color:var(--admin-text);white-space:nowrap}.bar-label{font-size:10px;color:var(--admin-text-muted);text-align:center;font-weight:600;white-space:nowrap}.order-status-list{display:flex;flex-direction:column;gap:2px}.order-status-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--r-sm);transition:background .2s;cursor:default}.order-status-item:hover{background:var(--admin-surface-2)}.status-info{display:flex;align-items:center;gap:10px}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-label{font-size:13px;color:var(--admin-text-dim);font-weight:500}.status-count{font-size:15px;font-weight:700;color:var(--admin-text);min-width:24px;text-align:right}.status-dot.status-pending{background:#f97316}.status-dot.status-confirmed{background:#3b82f6}.status-dot.status-preparing{background:#a855f7}.status-dot.status-delivering{background:#14b8a6}.status-dot.status-completed{background:#22c55e}.status-dot.status-cancelled{background:#ef4444}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.status-pending{background:#f973161f;color:#ea580c}.status-badge.status-confirmed{background:#3b82f61f;color:#2563eb}.status-badge.status-preparing{background:#a855f71f;color:#9333ea}.status-badge.status-delivering{background:#14b8a61f;color:#0d9488}.status-badge.status-completed{background:#22c55e1f;color:#16a34a}.status-badge.status-cancelled{background:#ef44441f;color:#dc2626}.quick-stats-card .card-body{display:flex;flex-direction:column;gap:10px}.quick-stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--admin-surface-2);border:1px solid var(--admin-border);border-radius:var(--r-sm);transition:all .2s}.quick-stat-item:hover{background:var(--green-light);border-color:#7cb3424d}.quick-stat-icon-box{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.quick-stat-info h4{margin:0 0 2px;font-size:20px;font-weight:800;color:var(--admin-text);line-height:1}.quick-stat-info p{margin:0;font-size:11px;color:var(--admin-text-muted);font-weight:500}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead th{padding:11px 10px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--admin-text-muted);border-bottom:2px solid var(--admin-border);white-space:nowrap;background:var(--admin-surface-2)}.admin-table tbody tr{border-bottom:1px solid var(--admin-border);transition:background .15s}.admin-table tbody tr:hover{background:#f8fdf4}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody td{padding:12px 10px;color:var(--admin-text-dim);vertical-align:middle}.admin-table tbody td strong{color:var(--admin-text)}.text-success{color:#16a34a!important}.text-danger{color:#dc2626!important}.text-warning{color:#d97706!important}.action-buttons{display:flex;gap:5px}.btn-action{width:30px;height:30px;border:none;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;text-decoration:none}.btn-action-view{background:#3b82f61a;color:#3b82f6}.btn-action-view:hover{background:#3b82f633;transform:scale(1.08)}.btn-action-edit{background:#7cb3421f;color:var(--green-500)}.btn-action-edit:hover{background:#7cb34240;transform:scale(1.08)}.btn-action-delete{background:#ef44441a;color:#ef4444}.btn-action-delete:hover{background:#ef444433;transform:scale(1.08)}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;border:none;border-radius:var(--r-sm);font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;text-decoration:none;font-family:var(--admin-font);box-shadow:0 3px 10px var(--green-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 16px var(--green-glow)}.btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:#fff;color:var(--admin-text-dim);border:1px solid var(--admin-border);border-radius:var(--r-sm);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;font-family:var(--admin-font)}.btn-secondary:hover{background:var(--admin-surface-2);color:var(--admin-text);border-color:var(--green-500)}.admin-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px;flex-wrap:wrap}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:1.5px solid var(--admin-border);background:#fff;color:var(--admin-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--admin-font)}.filter-tab:hover{background:var(--green-light);color:var(--green-600);border-color:var(--green-500)}.filter-tab.active{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;border-color:transparent;box-shadow:0 3px 10px var(--green-glow)}.count-badge{background:#ffffff40;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700}.filter-tab:not(.active) .count-badge{background:var(--admin-border);color:var(--admin-text-muted)}.search-box-admin{position:relative;min-width:220px}.search-box-admin i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--admin-text-muted);font-size:13px}.search-box-admin input{width:100%;padding:9px 14px 9px 34px;background:#fff;border:1.5px solid var(--admin-border);border-radius:var(--r-sm);color:var(--admin-text);font-size:13px;font-family:var(--admin-font);outline:none;transition:border-color .2s}.search-box-admin input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #7cb34226}.search-box-admin input::placeholder{color:var(--admin-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border:1px solid var(--admin-border);border-radius:var(--r-xl);width:100%;max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 22px;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;background:var(--admin-surface-2)}.modal-header h2{margin:0;font-size:17px;font-weight:700;color:var(--admin-text);display:flex;align-items:center;gap:8px}.modal-header h2 i{color:var(--green-500)}.modal-close{width:30px;height:30px;border:none;background:var(--admin-surface-2);border:1px solid var(--admin-border);border-radius:var(--r-sm);color:var(--admin-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s;font-family:var(--admin-font)}.modal-close:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.modal-body{padding:22px;overflow-y:auto;flex:1;min-height:0}.modal-content form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.modal-footer{padding:14px 22px;border-top:1px solid var(--admin-border);display:flex;justify-content:flex-end;gap:8px;background:var(--admin-surface-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:600;color:var(--admin-text-dim)}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;background:#fff;border:1.5px solid var(--admin-border);border-radius:var(--r-sm);color:var(--admin-text);font-size:13px;font-family:var(--admin-font);outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #7cb3421f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--admin-text-muted)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a8c7a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.form-group textarea{resize:vertical;min-height:70px}.checkbox-label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:var(--admin-text-dim);font-weight:500}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--green-500);cursor:pointer}.view-all-link{font-size:12px;color:var(--green-500);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:4px;transition:gap .2s}.view-all-link:hover{gap:7px}.empty-state{text-align:center;padding:48px 20px;color:var(--admin-text-muted)}.empty-state i{font-size:36px;margin-bottom:12px;display:block;opacity:.25}.empty-state p{margin:0;font-size:14px}.order-detail-section{margin-bottom:20px}.order-detail-section h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--admin-text-muted);margin:0 0 10px;font-weight:700}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-detail-item{padding:10px 12px;background:var(--admin-surface-2);border:1px solid var(--admin-border);border-radius:var(--r-sm)}.order-detail-item .label{font-size:10px;color:var(--admin-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.order-detail-item .value{font-size:13px;color:var(--admin-text);font-weight:600}.order-items-list{display:flex;flex-direction:column;gap:7px}.order-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--admin-surface-2);border:1px solid var(--admin-border);border-radius:var(--r-sm)}.order-item-name{font-size:13px;color:var(--admin-text);font-weight:600}.order-item-qty{font-size:12px;color:var(--admin-text-muted);margin-top:2px}.order-item-price{font-size:13px;color:#16a34a;font-weight:700}.order-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--green-light);border:1.5px solid rgba(124,179,66,.3);border-radius:var(--r-sm);margin-top:8px}.order-total-label{font-size:13px;font-weight:700;color:var(--admin-text-dim)}.order-total-amount{font-size:20px;font-weight:800;color:var(--green-600)}.user-avatar-sm{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:700;flex-shrink:0}.user-info-cell{display:flex;align-items:center;gap:8px}.user-info-name{font-weight:700;color:var(--admin-text);font-size:13px}.user-info-email{font-size:11px;color:var(--admin-text-muted)}.role-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.role-admin{background:#a855f71a;color:#9333ea}.role-customer{background:#3b82f61a;color:#2563eb}.status-select{padding:7px 12px;background:#fff;border:1.5px solid var(--admin-border);border-radius:var(--r-sm);color:var(--admin-text);font-size:13px;font-family:var(--admin-font);outline:none;cursor:pointer;transition:border-color .2s;min-width:160px}.status-select:focus{border-color:var(--green-500)}.inline-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:6px 12px;border-radius:var(--r-sm);font-size:11px;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:5px}.text-green{color:var(--green-500)}.text-white{color:#fff}.text-muted{color:var(--admin-text-muted)}.fw-bold{font-weight:700}.fa-spin{animation:fa-spin .8s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.admin-sidebar{width:200px}.admin-main{margin-left:200px;padding:20px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-row{grid-template-columns:1fr}}@media (max-width: 680px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:16px}.stats-grid,.form-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;border-radius:var(--r-lg)}.order-detail-grid{grid-template-columns:1fr}}