:root{--color-primary:#ff7a00;--color-primary-hover:#e56700;--color-primary-light:#fff3e6;--color-primary-glow:#ff7a0033;--color-green:#2e7d32;--color-green-hover:#236327;--color-green-light:#e8f5e9;--color-green-dark:#1b5e20;--color-white:#fff;--color-cream:#faf8f5;--color-surface:#fff;--color-border:#eae6de;--color-border-light:#f0ede6;--color-text-main:#1e293b;--color-text-muted:#64748b;--color-text-light:#94a3b8;--font-body:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #1e293b0f;--shadow-lg:0 16px 36px #ff7a001f;--shadow-card:0 10px 30px #0000000d;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:clip}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-text-main);-webkit-font-smoothing:antialiased;max-width:100vw;line-height:1.6;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,select,textarea{border:none;outline:none;font-family:inherit}.container{width:82%;max-width:1720px;margin:0 auto;padding:0 20px}.top-bar{background-color:var(--color-green-dark);color:var(--color-white);width:100%;padding:8px 0;font-size:.85rem;overflow:hidden}.top-bar .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.top-bar-items{align-items:center;gap:20px;display:flex}.top-bar-item{align-items:center;gap:6px;display:inline-flex}.top-bar-hotline{color:#ffd580;font-weight:700}.site-header{background-color:var(--color-white);z-index:100;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light);width:100%;position:sticky;top:0}.nav-wrapper{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;height:84px;display:flex}.brand-logo{font-family:var(--font-heading);color:var(--color-text-main);flex:auto;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:auto;max-width:220px;max-height:56px;transition:var(--transition);border-radius:4px;flex-shrink:0;display:block}.brand-logo:hover .brand-logo-img{transform:scale(1.02)}.logo-badge-fallback{width:40px;height:40px;box-shadow:0 4px 12px var(--color-primary-glow);background:linear-gradient(135deg,#ffa040,#ff7a00);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.brand-text{flex-direction:column;min-width:0;display:flex;overflow:hidden}.brand-title{letter-spacing:-.2px;color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.92rem,1.8vw,1.25rem);font-weight:800;line-height:1.2;overflow:hidden}.brand-logo span.sub{letter-spacing:.6px;color:var(--color-green);text-transform:uppercase;font-size:clamp(.6rem,1vw,.72rem);font-weight:600;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;line-height:1.2;display:block;overflow:hidden}.main-nav{white-space:nowrap;align-items:center;gap:clamp(12px,1.6vw,26px);margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:var(--color-text-main);padding:8px 0;font-size:.92rem;font-weight:600;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--color-primary)}.main-nav a.active:after{content:"";background-color:var(--color-primary);border-radius:2px;width:100%;height:3px;position:absolute;bottom:0;left:0}.header-actions-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-cta{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);box-shadow:0 4px 14px var(--color-primary-glow);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;display:inline-flex}.header-cta:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.mobile-menu-btn{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.mobile-menu-btn span{background-color:var(--color-text-main);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.mobile-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav-drawer{background:var(--color-white);border-bottom:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-lg);opacity:0;z-index:99;max-height:0;transition:max-height .35s,opacity .3s;display:none;position:absolute;top:100%;left:0;overflow:hidden}.mobile-nav-drawer.open{opacity:1;max-height:480px}.mobile-nav-content{flex-direction:column;gap:20px;padding:20px;display:flex}.mobile-nav-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-list a{color:var(--color-text-main);border-radius:var(--radius-sm);background-color:var(--color-cream);transition:var(--transition);padding:12px 16px;font-size:1rem;font-weight:600;display:block}.mobile-nav-list a:hover{background-color:var(--color-primary-light);color:var(--color-primary);padding-left:20px}.mobile-drawer-footer{border-top:1px solid var(--color-border-light);flex-direction:column;gap:10px;padding-top:12px;display:flex}.mobile-drawer-call{text-align:center;color:var(--color-green-dark);padding:8px 0;font-size:.95rem;font-weight:700}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#0006;width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-section{background:linear-gradient(180deg, #fff 0%, var(--color-cream) 100%);padding:clamp(16px,2.5vw,32px) 0 clamp(36px,5vw,56px);position:relative;overflow:hidden}.hero-banner-wrapper{width:100%}.hero-banner-frame{aspect-ratio:1690/931;background-color:#fff;border:1px solid #0000000f;border-radius:clamp(14px,2vw,24px);width:100%;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000014,0 2px 8px #0000000a}.hero-main-banner{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.hero-banner-frame:hover .hero-main-banner{transform:scale(1.012)}.hero-subbar{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(16px,2.5vw,28px);padding:clamp(14px,2vw,22px) clamp(16px,2.5vw,28px);display:flex}.hero-subbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-btn-main{box-shadow:0 6px 18px var(--color-primary-glow);padding:13px 26px;font-size:clamp(.92rem,1.3vw,1.02rem);font-weight:700}.hero-btn-sub{padding:11px 22px;font-size:clamp(.9rem,1.2vw,.98rem);font-weight:700}.hero-trust-badges{flex-wrap:wrap;align-items:center;gap:clamp(14px,2.2vw,28px);display:flex}.trust-badge-item{align-items:center;gap:10px;display:flex}.trust-icon{background-color:var(--color-green-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex}.trust-badge-item:nth-child(2) .trust-icon{background-color:var(--color-primary-light)}.trust-badge-item:nth-child(3) .trust-icon{background-color:#fef3c7}.trust-info{flex-direction:column;display:flex}.trust-info strong{color:var(--color-text-main);font-size:.9rem;font-weight:700;line-height:1.25}.trust-info span{color:var(--color-text-muted);font-size:.76rem;line-height:1.25}@media (max-width:980px){.hero-subbar{flex-direction:column;align-items:stretch;gap:18px}.hero-subbar-actions{justify-content:center;width:100%}.hero-subbar-actions .btn{text-align:center;flex:auto}.hero-trust-badges{border-top:1px solid var(--color-border-light);justify-content:space-around;padding-top:14px}}@media (max-width:640px){.hero-subbar-actions{flex-direction:column}.hero-subbar-actions .btn{width:100%}.hero-trust-badges{grid-template-columns:1fr;gap:10px;display:grid}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.values-section{padding:20px 0 50px}.values-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.value-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:flex-start;gap:14px;padding:22px 18px;display:flex}.value-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-4px)}.value-icon{background-color:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.value-card:nth-child(2n) .value-icon{background-color:var(--color-green-light);color:var(--color-green)}.value-info h4{color:var(--color-text-main);margin-bottom:4px;font-size:.95rem;font-weight:700}.value-info p{color:var(--color-text-muted);font-size:.82rem}.section-header{text-align:center;max-width:680px;margin:0 auto 36px}.section-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-green);margin-bottom:6px;font-size:.8rem;font-weight:800;display:inline-block}.section-title{font-family:var(--font-heading);color:var(--color-text-main);letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.3rem);font-weight:800}.section-subtitle{color:var(--color-text-muted);font-size:clamp(.9rem,1.5vw,1rem)}.products-section{background-color:var(--color-white);padding:70px 0}.product-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.filter-btn{border-radius:var(--radius-full);background-color:var(--color-cream);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);border:1px solid var(--color-border);min-height:42px;padding:9px 20px;font-size:.9rem;font-weight:600}.filter-btn:hover,.filter-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-glow)}.products-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.product-card{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card);border-color:#fed7aa;transform:translateY(-6px)}.product-media{background-color:#f8fafc;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.product-img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.product-img.package-box{object-fit:contain;padding:8px}.product-card:hover .product-img{transform:scale(1.06)}.product-img-fallback{background:linear-gradient(135deg,#fff3e6,#ffe8cc);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:3.8rem;display:flex}.product-badge{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);z-index:2;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.product-badge.badge-green{background-color:var(--color-green)}.product-body{flex-direction:column;flex-grow:1;padding:22px;display:flex}.product-category{color:var(--color-green);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:.78rem;font-weight:700}.product-title{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:8px;font-size:1.22rem;font-weight:700;line-height:1.3}.product-desc{color:var(--color-text-muted);flex-grow:1;margin-bottom:16px;font-size:.88rem;line-height:1.55}.product-specs{background-color:var(--color-cream);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);margin-bottom:18px;padding:10px 14px}.spec-item{justify-content:space-between;align-items:center;width:100%;display:flex}.spec-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.spec-val{color:var(--color-text-main);font-size:.88rem;font-weight:700}.product-footer{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.product-price{flex-direction:column;display:flex}.price-unit{color:var(--color-text-muted);font-size:.72rem}.price-number{font-family:var(--font-heading);color:var(--color-primary);font-size:1.28rem;font-weight:800}.btn-inquire{background-color:var(--color-green-light);color:var(--color-green-dark);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);white-space:nowrap;align-items:center;gap:6px;min-height:42px;padding:10px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.btn-inquire:hover{background-color:var(--color-primary);color:var(--color-white)}.farm-story-section{background-color:var(--color-cream);padding:clamp(50px,6vw,80px) 0}.story-grid{grid-template-columns:1fr 1.25fr;align-items:start;gap:clamp(28px,4vw,52px);display:grid}.story-visual-box{border-radius:var(--radius-lg);color:var(--color-white);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#164e1c 0%,#2e7d32 100%);border:1px solid #ffffff1a;padding:clamp(24px,4vw,36px);position:sticky;top:100px;overflow:hidden}.story-visual-box:after{content:"🍊";opacity:.12;pointer-events:none;font-size:160px;position:absolute;bottom:-40px;right:-30px}.story-badge{text-transform:uppercase;letter-spacing:1.5px;color:#ffd580;margin-bottom:10px;font-size:.8rem;font-weight:800;display:inline-block}.story-title{font-family:var(--font-heading);color:var(--color-white);margin-bottom:14px;font-size:clamp(1.6rem,2.5vw,2.1rem);font-weight:800;line-height:1.25}.story-lead{color:#ffffffeb;margin-bottom:24px;font-size:.92rem;line-height:1.65}.story-stats-grid{border-top:1px solid #ffffff2e;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;padding-top:20px;display:grid}.story-stat-card strong{font-family:var(--font-heading);color:#fff;font-size:1.35rem;display:block}.story-stat-card span{color:#ffffffd1;font-size:.78rem;line-height:1.3}.story-quote-card{border-radius:var(--radius-sm);background:#00000038;border-left:3px solid #ffd580;align-items:flex-start;gap:10px;padding:14px 18px;display:flex;position:relative}.quote-mark{color:#ffd580;opacity:.85;font-family:Georgia,serif;font-size:2rem;line-height:1}.quote-text{color:#fff;margin:0;font-size:.9rem;font-style:italic;font-weight:500;line-height:1.5}.story-steps{flex-direction:column;gap:16px;display:flex}.step-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:var(--transition);gap:16px;padding:20px;display:flex}.step-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translate(4px)}.step-num{background-color:var(--color-primary);width:40px;height:40px;color:var(--color-white);font-size:1.1rem;font-weight:800;font-family:var(--font-heading);box-shadow:0 4px 12px var(--color-primary-glow);background:linear-gradient(135deg,#ffa040 0%,#ff7a00 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-info{flex-direction:column;flex-grow:1;display:flex}.step-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.step-header h4{color:var(--color-text-main);margin:0;font-size:1.02rem;font-weight:700}.step-subtitle{color:var(--color-green);background-color:var(--color-green-light);border-radius:var(--radius-full);padding:3px 10px;font-size:.76rem;font-weight:700}.step-info p{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.6}.step-thumb-wrapper{border-radius:var(--radius-sm);width:90px;height:80px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-shrink:0;align-self:center;overflow:hidden}.step-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.step-card:hover .step-thumb{transform:scale(1.08)}@media (max-width:600px){.step-card{flex-wrap:wrap}.step-thumb-wrapper{width:100%;height:140px;margin-top:6px}}@media (max-width:960px){.story-grid{grid-template-columns:1fr}.story-visual-box{position:static}}.farm-gallery-section{background-color:var(--color-cream);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);padding:clamp(50px,6vw,85px) 0}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px);display:grid}.gallery-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-4px)}.gallery-img-box{background-color:#e2e8f0;width:100%;height:230px;position:relative;overflow:hidden}.gallery-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.gallery-card:hover .gallery-img-box img{transform:scale(1.06)}.gallery-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffd580;border-radius:var(--radius-full);z-index:2;letter-spacing:.5px;background-color:#164e1ce6;padding:4px 10px;font-size:.74rem;font-weight:700;position:absolute;top:12px;left:12px}.gallery-overlay{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-overlay{opacity:1}.zoom-btn{background:var(--color-white);color:var(--color-text-main);border-radius:var(--radius-full);padding:8px 16px;font-size:.82rem;font-weight:700;box-shadow:0 4px 12px #00000026}.gallery-card-body{flex-direction:column;flex-grow:1;padding:16px 18px 20px;display:flex}.gallery-card-title{color:var(--color-text-main);margin:0 0 6px;font-size:1.05rem;font-weight:700;line-height:1.35}.gallery-card-desc{color:var(--color-text-muted);margin:0;font-size:.84rem;line-height:1.55}.gallery-lightbox-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-lightbox-content{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:820px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.gallery-lightbox-close{color:#fff;cursor:pointer;z-index:10;background-color:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background-color .2s;display:flex;position:absolute;top:12px;right:12px}.gallery-lightbox-close:hover{background-color:#000000e6}.lightbox-img{object-fit:contain;background-color:#111;width:100%;max-height:65vh;display:block}.lightbox-caption{background-color:var(--color-white);padding:18px 24px}.lightbox-caption h4{color:var(--color-text-main);margin:4px 0 6px;font-size:1.15rem;font-weight:800}.lightbox-caption p{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.5}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.gallery-grid{grid-template-columns:1fr}.gallery-img-box{height:200px}}.contact-shipping-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#2e7d3214 0%,#ff7a000f 100%);border:1px solid #2e7d322e;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;display:flex}.shipping-banner-thumb{object-fit:cover;border-radius:var(--radius-sm);width:74px;height:74px;box-shadow:var(--shadow-sm);border:1px solid #00000014;flex-shrink:0}.shipping-banner-text strong{color:var(--color-primary);margin-bottom:3px;font-size:.92rem;display:block}.shipping-banner-text p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.45}.b2b-banner-section{padding:50px 0}.b2b-card{color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#1a3e22 0%,#2e7d32 100%);justify-content:space-between;align-items:center;gap:28px;padding:clamp(30px,4vw,50px);display:flex;position:relative;overflow:hidden}.b2b-content h3{font-family:var(--font-heading);margin-bottom:10px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.b2b-content p{color:#ffffffe6;max-width:560px;font-size:clamp(.9rem,1.5vw,1.05rem)}.b2b-action .btn{background-color:var(--color-primary);color:var(--color-white);white-space:nowrap;padding:14px 32px}.contact-section{background-color:var(--color-white);width:100%;padding:70px 0;overflow:hidden}.contact-grid{background-color:var(--color-cream);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);box-sizing:border-box;grid-template-columns:1fr 1.25fr;gap:clamp(24px,4vw,56px);width:100%;min-width:0;max-width:100%;padding:clamp(20px,3.5vw,52px);display:grid}.contact-info-col{width:100%;min-width:0}.contact-info-col h3{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:14px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800}.contact-info-col p{color:var(--color-text-muted);margin-bottom:24px;font-size:.92rem;line-height:1.6}.contact-detail-items{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.contact-detail-item{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.detail-icon-circle{background-color:var(--color-white);width:42px;height:42px;color:var(--color-primary);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.detail-text{flex:auto;min-width:0;overflow:hidden}.detail-text h5{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.78rem}.detail-text p{color:var(--color-text-main);word-break:break-word;overflow-wrap:anywhere;margin-bottom:0;font-size:.95rem;font-weight:700;line-height:1.4}.inquiry-form-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:clamp(18px,3vw,36px)}.form-group{box-sizing:border-box;width:100%;margin-bottom:16px}.form-label{color:var(--color-text-main);margin-bottom:6px;font-size:.86rem;font-weight:700;display:block}.form-label .required{color:#e53e3e}.form-control{box-sizing:border-box;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);width:100%;max-width:100%;color:var(--color-text-main);transition:var(--transition);background-color:#fafafa;padding:12px 14px;font-size:16px}.form-control:focus{border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-row{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.radio-pill-group{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;display:flex}.radio-pill-item{max-width:100%}.radio-pill-item label{background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);box-sizing:border-box;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.radio-pill-item input{accent-color:var(--color-primary);flex-shrink:0}.radio-pill-item input:checked+span{color:var(--color-primary);font-weight:700}.btn-submit-inquiry{box-sizing:border-box;background-color:var(--color-primary);width:100%;max-width:100%;color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 6px 18px var(--color-primary-glow);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px;font-size:1rem;font-weight:800;display:flex}.btn-submit-inquiry:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 10px 24px #ff7a004d}.form-card-title{font-family:var(--font-heading);color:var(--color-green-dark);margin-bottom:20px;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700}.btn-submit-message{box-sizing:border-box;background-color:var(--color-green);width:100%;max-width:100%;color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;min-height:46px;padding:13px 20px;font-size:1rem;font-weight:700;display:flex}.btn-submit-message:hover{background-color:var(--color-green-dark);transform:translateY(-1px);box-shadow:0 6px 16px #2e7d3240}.btn-submit-message:disabled{opacity:.7;cursor:not-allowed;transform:none}.site-footer{background-color:var(--color-white);color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:60px 0 28px;font-size:.9rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px;display:grid}.footer-col h4{color:var(--color-text-main);font-family:var(--font-heading);margin-bottom:16px;font-size:1.08rem;font-weight:700}.footer-brand p{max-width:320px;color:var(--color-text-muted);margin-top:12px;line-height:1.6}.footer-links{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-primary);padding-left:4px}.footer-bottom{border-top:1px solid var(--color-border-light);text-align:center;color:var(--color-text-light);padding-top:24px;font-size:.84rem}.floating-contact-bar{z-index:99;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:20px}.floating-btn{width:52px;height:52px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.45rem;display:flex;position:relative;box-shadow:0 8px 20px #0000002e}.floating-btn.facebook{color:var(--color-white);background-color:#1877f2}.floating-btn.zalo{color:var(--color-white);background-color:#0068ff}.floating-btn.phone{background-color:var(--color-primary);color:var(--color-white);animation:2s infinite pulseGlow}.floating-btn-img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.floating-btn:hover{transform:scale(1.08)}.floating-tooltip{background-color:var(--color-text-main);color:var(--color-white);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;right:64px}.floating-btn:hover .floating-tooltip{opacity:1;visibility:visible}@keyframes pulseGlow{0%{box-shadow:0 0 #ff7a00b3}70%{box-shadow:0 0 0 14px #ff7a0000}to{box-shadow:0 0 #ff7a0000}}.toast-notification{background-color:var(--color-green-dark);max-width:420px;color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;transition:var(--transition);align-items:center;gap:12px;margin:0 auto;padding:14px 20px;display:flex;position:fixed;top:20px;left:20px;right:20px;transform:translateY(-120px)}.toast-notification.show{opacity:1;transform:translateY(0)}@media (max-width:1400px){.container{width:88%}}@media (max-width:1180px){.container{width:92%;padding:0 16px}.desktop-nav .main-nav{gap:14px}.desktop-nav .main-nav a{font-size:.88rem}}@media (max-width:992px){.container{width:94%;padding:0 14px}.desktop-nav{display:none}.mobile-menu-btn{display:flex}.mobile-nav-drawer{display:block}.nav-wrapper{height:72px}.hero-grid,.story-grid,.contact-grid{grid-template-columns:1fr}.products-grid,.values-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.b2b-card{text-align:center;flex-direction:column}}@media (max-width:640px){.container{width:100%;max-width:100%;padding:0 14px}.top-bar-items{display:none}.top-bar .container{justify-content:center}.top-bar-hotline{font-size:.8rem}.nav-wrapper{gap:8px;height:62px}.brand-logo{gap:8px}.brand-logo-img{max-width:150px;max-height:42px}.logo-badge-fallback{border-radius:8px;width:36px;height:36px;font-size:1.15rem}.brand-title{letter-spacing:-.2px;font-size:.86rem}.brand-logo span.sub{font-size:.58rem}.header-actions-group{gap:8px}.header-cta{display:none}.mobile-menu-btn{width:40px;height:40px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero-badge-float{padding:8px 12px;bottom:12px;left:8px}.product-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:24px;padding-bottom:8px;overflow-x:auto}.product-filters::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;padding:8px 16px;font-size:.84rem}.products-grid,.values-grid,.footer-grid,.form-row{grid-template-columns:1fr}.contact-grid{border-radius:var(--radius-md);gap:24px;padding:20px 12px}.inquiry-form-card{padding:16px 12px}.radio-pill-group{flex-direction:column;gap:8px;width:100%}.radio-pill-item{width:100%}.radio-pill-item label{box-sizing:border-box;width:100%}.product-footer{flex-direction:column;align-items:stretch;gap:12px}.btn-inquire{justify-content:center;width:100%}.b2b-action,.b2b-action .btn{width:100%}.floating-contact-bar{bottom:16px;right:14px}.floating-btn{width:48px;height:48px;font-size:1.3rem}.floating-tooltip{display:none}}