:root{--gold:#c49a6c;--black:#000;--white:#fff;--nau_dam:#a78a62;--nau_dam_2x:#5f452f;--nau_vua:#b8a07e;--nau_nhat:#f5efe0;--xanh_reu:#576e65;--xam_nhe:#7a7a7a;--xam_dam:#4d4d4d;--xam_dam_2x:#313131;--kem_nhat:#fdf6e3;--header-height:90px;--header-height-mobile:50px;--header-shrink-height:50px;--header-shrink-height-mobile:35px;--main-font:"Times New Roman",Times,serif;--fallback-font:Arial,sans-serif;--ripple-color:#4b2e1e}html{font-size:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--main-font),var(--fallback-font);font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--main-font),var(--fallback-font);border:0}.main-header{background:transparent;width:100%;height:var(--header-height);display:flex;align-items:center;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);position:fixed;top:0;z-index:1000;transition:all .4s ease-in-out}.main-header.nav-scrolled{height:var(--header-shrink-height);background:rgba(0,0,0,0.9);box-shadow:0 5px 15px rgba(0,0,0,0.3);border-bottom:1px solid var(--nau_dam)}.header-container{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;height:100%}.logo-container{flex:0 0 10%;display:flex;justify-content:flex-start;padding-left:70px;align-items:center;margin:auto 0;transition:all .3s ease}.logo{height:60px;aspect-ratio:1 / 1;object-fit:contain;margin-top:0}.main-header.nav-scrolled .logo img{height:35px;transition:height .4s ease}.nav-scrolled .logo{display:block;height:40px;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-wrapper{flex:0 0 70%;display:flex;justify-content:center;margin:0;align-items:center}.nav-list{display:flex;list-style:none;gap:60px;margin:0;padding:0;height:100%}.nav-list a{color:var(--white);text-decoration:none;font-size:1.4rem;font-weight:600;letter-spacing:1px;transition:.3s;margin:0;padding:0;align-items:center}.nav-list li{display:flex;margin:0;padding:0;align-items:center}.nav-list a:hover,.nav-list a.active{color:var(--gold)}.nav-scrolled .nav-list a{font-size:.9rem}.header-right{flex:0 0 20%;display:flex;justify-content:flex-end;padding-right:70px;align-items:center}.btn-cta{background:var(--gold);color:var(--white);padding:10px 20px;text-decoration:none;font-weight:bold;border-radius:4px;border:0;font-family:var(--main-font),var(--fallback-font)}.nav-scrolled .btn-cta{padding:10px 20px}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:0;border:0;cursor:pointer}.mobile-menu-toggle .bar{width:25px;height:3px;background:var(--white)}.hero-container{width:100%;min-height:110vh;background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/Túi robusta honey 500gr 1 1920.webp');background-size:cover;background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;text-align:center}.hero-content{font-family:"Georgia",Sans-serif;font-size:65px;font-weight:600;color:white;margin-bottom:30px;line-height:1.6}.hero-content .highlight{color:var(--nau_vua)}.menu-price-section{background-color:var(--nau_dam);padding:50px 0 70px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;color:var(--white);font-size:1.7rem;margin-bottom:50px;font-weight:700;letter-spacing:1px}.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;justify-content:center;margin-bottom:40px}.product-gallery a{display:block;width:100%;overflow:hidden;border-radius:8px}.product-gallery.shop-image a{aspect-ratio:4 / 3}.product-gallery img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.product-gallery a.reveal{opacity:1;transform:scale(1)}.product-gallery img:hover{filter:brightness(0.6)}.price-card{width:100%;max-width:600px;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);margin:20px auto 50px}.price-header{background-color:var(--xanh_reu);color:#fff;padding:30px 20px;text-align:center}.price-header h3{font-size:1.5rem;margin:0;font-weight:600}.price-header p{margin:5px 0 0;font-size:1.1rem;opacity:.9}.price-body{padding:40px;text-align:center;background-color:#f9f9f9}.price-amount{display:flex;justify-content:center;align-items:baseline;color:#444;margin-bottom:30px}.price-amount .currency{font-size:1.2rem;font-weight:bold;margin:0 5px;align-self:flex-start;margin-top:10px}.price-amount .number{font-size:4.5rem;font-weight:700;line-height:1}.price-sub{display:flex;flex-direction:column;align-items:flex-start;margin-left:2px}.price-sub .thousands{font-size:1.2rem;font-weight:bold;align-self:flex-start;margin-top:10px}.price-sub .unit{font-size:1.1rem;color:#555}.price-features{border-top:1px solid #ddd;padding-top:20px;margin-bottom:30px}.feature-item{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;color:#555;font-size:1rem}.check-icon{width:24px;height:24px;border:2px solid #a67c41;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a67c41;font-size:.8rem;font-weight:bold}.btn-order{display:inline-block;background-color:#a67c41;color:white;padding:15px 50px;text-decoration:none;border-radius:8px;font-weight:bold;font-size:1.2rem;transition:background .3s}.btn-order:hover{background-color:#8e6835}.wholesale-container{width:100%;max-width:900px;margin:0 auto 30px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.wholesale-table{width:100%;border-collapse:collapse;font-family:inherit}.wholesale-table th{background-color:var(--xanh_reu);color:var(--white);padding:16px;text-align:center;font-weight:600;border-right:1px solid #666}.wholesale-table th:last-child{border-right:0}.wholesale-table td{padding:14px 20px;border-bottom:1px solid #f0f0f0}.wholesale-table tr:nth-child(even){background-color:#fafafa}.price-cell{text-align:center;font-weight:700}.freeship-note{text-align:right;font-style:italic;padding:12px 20px;color:var(--nau_dam);font-size:1.2rem}.experience-section{background-color:#4d4d4d;padding:80px 20px;text-align:center}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto;align-items:stretch}.kinh-nghiem .experience-grid{grid-template-columns:repeat(2,1fr)}.experience-card{width:100%;max-width:450px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.2);padding:20px;text-align:left;display:flex;flex-direction:column;transition:all .4s cubic-bezier(0.165,0.84,0.44,1);border-radius:12px;overflow:hidden}.experience-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-8px);border-color:#a67c41}.card-image{width:100%;aspect-ratio:16 / 9 !important;overflow:hidden;display:block}.card-image img{display:block;width:100%;height:100%;object-fit:cover;margin:0 !important}.card-content{flex-grow:1;display:flex;flex-direction:column;text-align:justify}.card-content h3{color:#fff;font-size:1.3rem;margin:10px 0;line-height:1.4}.card-content p{color:#bbb;font-size:1rem;line-height:1.6;margin-bottom:0}.view-more .btn-outline{display:inline-block;padding:12px 35px;border:2px solid #a67c41;color:#a67c41;text-decoration:none;font-weight:600;border-radius:5px;transition:.3s}.view-more .btn-outline:hover{background-color:#a67c41;color:#fff}.why-choose-section{background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/Rót sữa vào cà phê.webp');background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px 0 70px;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/mobile/Rót sữa vào cà phê.webp')}.why-choose-section .container{width:100%;max-width:1200px;margin:0 auto 30px;display:flex;flex-direction:column;align-items:center}.video-wrapper{width:100%;max-width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.2);border-radius:8px;box-shadow:0 15px 40px rgba(0,0,0,0.6)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.reasons-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto 30px;padding:0 20px}.reason-item{border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 0}.reason-item summary{list-style:none;font-family:var(--main-font);font-size:1.5rem;font-weight:600;color:var(--nau_dam);cursor:pointer;position:relative;transition:.3s}.reason-item summary::after{content:'❯';position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(90deg);font-size:1rem;transition:.3s}.reason-item[open] summary::after{transform:translateY(-50%) rotate(-90deg)}.reason-item summary:hover{color:var(--nau_nhat)}.reason-content{padding:1rem 0;color:var(--white);line-height:1.6;font-size:1.1rem}.stats-section{padding:5rem 1rem;background-size:cover;background-position:center;position:relative;text-align:center;color:var(--white)}.stats-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1}.contact-button-wrapper{margin:60px 0}.btn-contact{display:inline-block;padding:12px 30px;background-color:var(--xanh_reu);color:var(--white);text-decoration:none;font-size:1.2rem;font-weight:500;border-radius:5px;transition:.3s}.btn-contact:hover{background-color:#465a52;transform:translateY(-3px)}.stats-container{position:relative;z-index:2;max-width:1200px;margin:0 auto}.stats-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:3rem}.stat-item{display:flex;flex:1;flex-direction:column;align-items:center;min-width:350px}.stat-label{font-size:1.3rem;font-weight:600;color:var(--white);margin-bottom:.5rem}.stat-number{font-size:3.5rem;color:var(--white);margin:.5rem 0;font-weight:700}.stat-sub{font-size:1rem;color:var(--white)}.contact-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);align-items:center;justify-content:center;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.contact-popup{background:white;width:90%;max-width:400px;padding:30px 0;border-radius:8px;display:flex;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.contact-method{flex:1;text-align:center}.contact-method a{text-decoration:none;display:block}.icon-box{width:60px;height:60px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.icon-box img{width:100%;height:auto}.phone-bg{background-color:#5f6e67;border-radius:12px;color:white;font-size:24px}.divider{width:2px;height:80px;background-color:#5f6e67}.contact-text{color:#333;font-size:18px;font-weight:500}.about-container{display:flex;flex-wrap:wrap;gap:40px;align-items:center;margin-top:2rem}.about-content{flex:0 0 calc(60% - 20px);text-align:justify}.about-content p{color:var(--white);line-height:1.3;margin-bottom:1.2rem;font-size:1.2rem}.about-image{flex:0 0 calc(40% - 20px);align-self:flex-start}.about-image img{width:100%;height:auto;transform:scale(1.2);transform-origin:top left;height:auto;margin-top:-50px;margin-left:-50px}.revenue-full-width{width:100%;margin-top:50px;text-align:center;overflow:hidden}.revenue-full-width img{width:80%;height:auto;margin:0 auto;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,0.4)}.want-to-buy-section{background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/Túi robusta honey 500gr 2 1920.webp');background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px 0 70px;display:flex;flex-direction:column;align-items:center}.want-to-buy-content p{color:var(--white);line-height:1.3;margin-bottom:1.2rem;font-size:1.2rem;text-align:justify}.story-section{background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/Túi robusta honey 500gr 3 1920.webp');background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px 0 70px;display:flex;flex-direction:column;align-items:center}.story-content{max-height:200px;overflow:hidden;transition:max-height .5s ease-in-out}.story-content p{color:var(--white);line-height:1.3;margin-bottom:1.2rem;font-size:1.2rem;text-align:justify}.xem-them-btn-container{padding:10px 0;width:100%;text-align:center}#xem-them-btn{background:white;color:#8b5a2b;border:0;padding:10px 20px;cursor:pointer;font-weight:bold;margin-top:15px}.main-footer{background-color:var(--nau_vua);padding:60px 0;color:#fff}.footer-container{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo img{max-width:200px;margin-bottom:30px}.footer-info p{font-size:1.2rem;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:10px}.call-btn-wrapper{position:fixed;bottom:30px;right:30px;width:60px;height:60px;z-index:9999;display:flex;justify-content:center;align-items:center;text-decoration:none;padding:0;background-color:transparent;border:0}.call-btn{width:100%;height:100%;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,0.3);position:relative;z-index:2;transition:transform .3s ease}.call-btn img{width:60%;height:60%;object-fit:contain}.call-btn-wrapper:hover .call-btn{transform:scale(1.1)}.ripple{position:absolute;width:100%;height:100%;background-color:var(--xanh_reu);border-radius:50%;z-index:1;opacity:0;animation:ripple-animation 2s infinite ease-out}.ripple:nth-child(1){animation-delay:0s}.ripple:nth-child(2){animation-delay:.6s}.ripple:nth-child(3){animation-delay:1.2s}@keyframes ripple-animation{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@media(max-width:768px){.main-header{height:var(--header-height-mobile)}.main-header.nav-scrolled{height:var(--header-shrink-height-mobile)}.logo-container{padding-left:10px}.logo{height:40px;margin-top:7px}.nav-scrolled .logo{height:30px;margin-top:0}.nav-wrapper{flex:0 0 90%;display:flex;justify-content:center;padding-left:10px;padding-right:10px}.nav-list{gap:20px}.nav-list a{font-size:.7rem}.nav-scrolled .nav-list a{font-size:.7rem}.header-right{display:none}.btn-cta{padding:7px 4px;font-size:.5rem}.nav-scrolled .btn-cta{padding:7px 4px}.product-gallery{grid-template-columns:repeat(1,1fr);gap:30px}.product-gallery img{max-width:100%}.hero-container{background-attachment:scroll;min-height:100vh;background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/mobile/Túi robusta honey 500gr 1.webp')}.hero-content{font-size:9vw;color:white;margin-bottom:30px;line-height:1.6}.experience-section{padding:40px 20px}.experience-grid{gap:50px;padding:0;grid-template-columns:repeat(1,1fr)}.kinh-nghiem .experience-grid{grid-template-columns:repeat(1,1fr)}.experience-card{max-width:100%;min-width:0;margin:0;box-sizing:border-box}.card-image img{height:auto;aspect-ratio:16 / 9}.section-title{font-size:1.5rem;margin-bottom:30px}.why-choose-section{padding:2.5rem 0rem}.stat-number{font-size:2.5rem}.btn-contact{font-size:1rem}.about-content{flex:0 0 100%}.about-image{display:none}.footer-info p{font-size:.9rem}.want-to-buy-section{background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/mobile/Túi robusta honey 500gr 2.webp')}.story-section{background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('../images/mobile/Túi robusta honey 500gr 3.webp')}}