*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #a8bba2;--color-secondary: #d6e1c5;--color-accent: #e9d5ca;--color-dark: #6b584c;--color-light-bg: #f9f9f9;--color-text-dark: #333;--color-text-medium: #4a4a4a;--color-text-light: #fff;--font-main: "Lato", sans-serif;--font-heading: "EB Garamond", serif}body{font-family:var(--font-main);font-weight:400;line-height:1.6;color:var(--color-text-dark);background-color:var(--color-light-bg);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;margin-bottom:16px;color:var(--color-dark)}h1{font-size:48px}h2{font-size:40px}h3{font-size:32px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}p{margin-bottom:16px;font-size:16px;line-height:1.7;color:var(--color-text-medium)}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-dark)}.hb-container{max-width:1200px;margin:0 auto;padding:0 24px}.hb-button{display:inline-block;padding:14px 28px;border-radius:6px;font-family:var(--font-main);font-weight:600;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 3px 8px rgba(0,0,0,.1)}.hb-button-primary{background-color:var(--color-primary);color:var(--color-text-light)}.hb-button-primary:hover{background-color:var(--color-dark);color:var(--color-text-light);box-shadow:0 5px 12px rgba(0,0,0,.15)}.hb-button-secondary{background-color:rgba(0,0,0,0);color:var(--color-dark);border:2px solid var(--color-dark)}.hb-button-secondary:hover{background-color:var(--color-dark);color:var(--color-text-light)}.hb-button-small{padding:10px 20px;font-size:14px;border-radius:4px}.hb-header{position:fixed;top:0;left:0;right:0;background-color:var(--color-light-bg);box-shadow:0 2px 8px rgba(0,0,0,.05);z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.hb-header-inner{display:flex;justify-content:space-between;align-items:center;height:80px}.hb-logo-text{font-family:var(--font-heading);font-size:36px;font-weight:700;color:var(--color-dark);text-decoration:none}.hb-main-nav{flex-grow:1;display:flex;justify-content:center}.hb-nav-list{display:flex;list-style:none;gap:30px}.hb-nav-link{font-weight:500;font-size:17px;color:var(--color-text-medium);transition:color .3s ease;position:relative;padding-bottom:5px}.hb-nav-link:hover,.hb-nav-link.hb-current-page{color:var(--color-primary)}.hb-burger-menu{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;flex-direction:column;gap:5px}.hb-burger-line{width:28px;height:3px;background-color:var(--color-dark);border-radius:2px;transition:all .3s ease}.hb-mobile-sidebar{position:fixed;top:0;right:-280px;width:280px;height:100vh;background-color:var(--color-secondary);box-shadow:-2px 0 15px rgba(0,0,0,.2);z-index:1002;transition:right .3s ease;padding:30px 20px;display:flex;flex-direction:column}.hb-mobile-sidebar.hb-sidebar-active{right:0}.hb-sidebar-close{background:none;border:none;font-size:36px;color:var(--color-dark);position:absolute;top:15px;left:15px;cursor:pointer}.hb-sidebar-nav{flex-grow:1;margin-top:40px}.hb-sidebar-list{list-style:none;padding:0}.hb-sidebar-list li{margin-bottom:15px}.hb-sidebar-link{display:block;padding:10px 15px;font-size:18px;font-weight:500;color:var(--color-text-medium);transition:background-color .3s ease,color .3s ease;border-radius:4px}.hb-sidebar-link:hover,.hb-sidebar-link.hb-current-page{background-color:var(--color-primary);color:var(--color-text-light)}.hb-main-content{padding-top:80px}.hb-section-padding{padding:80px 0}.hb-section-heading{text-align:center;margin-bottom:50px;color:var(--color-dark)}.hb-section-heading-left{text-align:left;margin-bottom:30px}.hb-hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:url(assets/images/jars-tea-1-6889ddd0b542b.webp) no-repeat center center/cover;color:var(--color-text-light)}.hb-hero-section .hb-button-primary{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hb-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(107,88,76,.5);z-index:0}.hb-hero-content{position:relative;z-index:1;max-width:900px}.hb-hero-title{font-size:56px;color:var(--color-text-light);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hb-hero-subtitle{font-size:22px;color:hsla(0,0%,100%,.9);margin-bottom:40px}.hb-philosophy-section{background-color:var(--color-accent)}.hb-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hb-philosophy-text p{color:var(--color-text-medium);margin-bottom:20px}.hb-philosophy-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.15)}.hb-product-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px}.hb-product-card{background-color:var(--color-text-light);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.hb-product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.hb-product-card img{width:100%;height:280px;object-fit:cover;display:block}.hb-product-info{padding:20px;text-align:center}.hb-product-title{font-size:22px;color:var(--color-dark);margin-bottom:10px}.hb-product-description{font-size:15px;color:var(--color-text-medium);margin-bottom:15px}.hb-product-price{font-size:20px;font-weight:600;color:var(--color-primary);margin-bottom:20px}.hb-seasonal-section{background-color:var(--color-secondary)}.hb-seasonal-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:40px}.hb-seasonal-card{background-color:var(--color-text-light);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.hb-seasonal-card img{width:100%;height:250px;object-fit:cover;display:block;margin-bottom:20px}.hb-seasonal-info{padding:0 20px}.hb-seasonal-title{font-size:26px;color:var(--color-dark);margin-bottom:10px}.hb-seasonal-description{font-size:16px;color:var(--color-text-medium);margin-bottom:20px}.hb-page-banner{padding:120px 0 60px;background-color:var(--color-primary);text-align:center;color:var(--color-text-light);background-image:url(assets/images/tea-bags-black-6889ddc1db0b4.webp);background-size:cover;background-position:center}.hb-page-title{font-size:48px;margin-bottom:15px;color:var(--color-text-light)}.hb-page-subtitle{font-size:18px;color:hsla(0,0%,100%,.9);max-width:800px;margin:0 auto}.hb-products-section{background-color:var(--color-light-bg)}.hb-product-category{margin-bottom:60px}.hb-blog-banner{background-image:url(assets/images/yellow-flower-tea-6889ddbe649f7.webp)}.hb-blog-section{background-color:var(--color-light-bg)}.hb-blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:40px}.hb-blog-post{background-color:var(--color-text-light);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}.hb-blog-post img{width:100%;height:250px;object-fit:cover;display:block}.hb-post-content{padding:25px}.hb-post-title{font-size:24px;color:var(--color-dark);margin-bottom:15px}.hb-post-excerpt{font-size:16px;color:var(--color-text-medium);margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.hb-blog-post.hb-expanded .hb-post-excerpt{-webkit-line-clamp:unset;max-height:none}.hb-read-more-content{display:none}.hb-blog-post.hb-expanded .hb-read-more-content{display:inline}.hb-read-more-button{background:none;border:none;color:var(--color-primary);font-family:var(--font-main);font-weight:600;font-size:16px;cursor:pointer;padding:0;margin-top:10px;display:block;text-align:left;transition:color .3s ease}.hb-read-more-button:hover{color:var(--color-dark)}.hb-contacts-banner{background-image:url(assets/images/tieguanyin-tea-6889ddbc35661.webp)}.hb-contact-section{background-color:var(--color-light-bg)}.hb-contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:flex-start}.hb-contact-form-wrapper{background-color:var(--color-text-light);padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.hb-form-description{font-size:15px;color:var(--color-text-medium);margin-bottom:25px}.hb-contact-form{display:flex;flex-direction:column;gap:20px}.hb-form-group{display:flex;flex-direction:column}.hb-form-label{font-size:14px;font-weight:600;color:var(--color-dark);margin-bottom:8px}.hb-form-input,.hb-form-textarea{padding:12px 15px;border:1px solid var(--color-secondary);border-radius:4px;font-family:var(--font-main);font-size:16px;color:var(--color-text-dark);background-color:var(--color-light-bg);transition:border-color .3s ease,box-shadow .3s ease}.hb-form-input:focus,.hb-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(168,187,162,.3)}.hb-form-textarea{resize:vertical;min-height:100px}.hb-form-checkbox-group{margin-top:10px}.hb-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:var(--color-text-medium);line-height:1.5}.hb-checkbox{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--color-primary)}.hb-form-link{color:var(--color-dark);text-decoration:underline}.hb-form-submit{margin-top:20px;width:100%}.hb-contact-info{background-color:var(--color-accent);padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.hb-contact-item{display:flex;align-items:flex-start;margin-bottom:25px}.hb-contact-icon{font-size:28px;color:var(--color-dark);margin-right:15px;flex-shrink:0}.hb-contact-text{flex-grow:1}.hb-contact-label{font-size:18px;font-weight:600;color:var(--color-text-dark);margin-bottom:5px}.hb-contact-value{font-size:16px;color:var(--color-text-medium);margin-bottom:5px}.hb-contact-note{font-size:13px;color:#247f24;font-style:italic}.hb-map-section{background-color:var(--color-light-bg)}.hb-map-container{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.hb-legal-content{background-color:var(--color-light-bg)}.hb-legal-document{max-width:900px;margin:0 auto;background-color:var(--color-text-light);padding:40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.hb-legal-intro{background-color:var(--color-secondary);padding:20px;border-radius:6px;margin-bottom:30px;border-left:4px solid var(--color-dark)}.hb-legal-intro p{margin-bottom:8px;color:var(--color-text-medium)}.hb-legal-document h2{color:var(--color-dark);margin-top:30px;margin-bottom:15px;font-size:28px}.hb-legal-document h3{color:var(--color-primary);margin-top:20px;margin-bottom:10px;font-size:22px}.hb-legal-document ul{margin-left:25px;margin-bottom:15px;list-style-type:disc}.hb-legal-document li{margin-bottom:8px;line-height:1.6;color:var(--color-text-medium)}.hb-legal-highlight{background-color:var(--color-accent);border:2px solid var(--color-dark);padding:20px;margin-top:30px;border-radius:8px;text-align:center}.hb-legal-highlight p{margin-bottom:0;font-weight:600;color:var(--color-text-dark)}.hb-footer{background-color:var(--color-dark);color:var(--color-text-light);padding:40px 0}.hb-footer-content{display:flex;flex-direction:column;align-items:center;text-align:center}.hb-footer-nav{margin-bottom:20px}.hb-footer-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:15px 30px}.hb-footer-list a{color:hsla(0,0%,100%,.9);transition:color .3s ease;font-size:15px}.hb-footer-list a:hover{color:var(--color-secondary)}.hb-footer-info p{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:5px}.hb-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;align-items:center;justify-content:center}.hb-modal-backdrop{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.hb-modal-content{background:var(--color-text-light);border-radius:8px;max-width:450px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;z-index:1;overflow:hidden;padding:30px;text-align:center}.hb-modal-close{background:none;border:none;font-size:32px;color:var(--color-dark);position:absolute;top:10px;right:15px;cursor:pointer}.hb-modal-icon{font-size:50px;color:var(--color-primary);margin-bottom:15px;display:block}.hb-modal-title{color:var(--color-dark);margin-bottom:15px;font-size:26px}.hb-modal-message{font-size:16px;color:var(--color-text-medium);line-height:1.6;margin-bottom:25px}@media(max-width: 992px){.hb-header-inner{justify-content:space-between;padding:0 20px}.hb-main-nav{display:none}.hb-burger-menu{display:flex}.hb-burger-menu.hb-burger-active .hb-burger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hb-burger-menu.hb-burger-active .hb-burger-line:nth-child(2){opacity:0}.hb-burger-menu.hb-burger-active .hb-burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hb-main-content{padding-top:80px}.hb-hero-title{font-size:42px}.hb-hero-subtitle{font-size:18px}.hb-philosophy-grid,.hb-contact-layout{grid-template-columns:1fr;gap:40px}.hb-philosophy-image{order:-1}.hb-section-heading-left{text-align:center}.hb-contact-form-wrapper{order:1}.hb-contact-info{order:2}.hb-contact-item{flex-direction:column;align-items:center;text-align:center}.hb-contact-icon{margin-right:0;margin-bottom:10px}.hb-form-group{width:100%}}@media(max-width: 767px){h1{font-size:38px}h2{font-size:32px}h3{font-size:26px}.hb-hero-title{font-size:36px}.hb-hero-subtitle{font-size:16px}.hb-section-padding{padding:60px 0}.hb-page-title{font-size:38px}.hb-page-subtitle{font-size:16px}.hb-product-grid,.hb-seasonal-grid,.hb-blog-grid{grid-template-columns:1fr}.hb-product-card img,.hb-seasonal-card img,.hb-blog-post img{height:250px}}@media(max-width: 480px){.hb-container{padding:0 15px}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}.hb-hero-title{font-size:30px}.hb-hero-subtitle{font-size:15px}.hb-button{padding:12px 24px;font-size:15px}.hb-page-title{font-size:32px}.hb-modal-content{padding:20px}.hb-modal-title{font-size:22px}}