@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700');@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');html{scroll-behavior:smooth}body{margin:0;padding:0;background:beige}.header{display:flex;position:fixed;height:145px;width:100%;background:linear-gradient(rgba(0,0,0,.85) 0%,rgba(0,0,0,.67) 70%,rgba(0,0,0,.37) 85%,rgba(0,0,0,0) 100%);z-index:5}.header.scrolled{background:linear-gradient(rgba(0,0,0,.85) 0%,rgba(0,0,0,.67) 78%,rgba(0,0,0,0) 85%,rgba(0,0,0,0) 100%)}.logo{height:95px;margin-left:82px;margin-top:11px;filter:brightness(81%)}.nav{display:flex;justify-content:space-evenly;width:100%;height:75%;font-family:"Kaisei Opti",serif;font-weight:400}.nav-item{display:flex;align-items:center}.nav-item-link{text-decoration:none;font-size:24px;color:white;transition:all 0.7s ease}.nav-item-link:hover{font-size:26px;color:#dbdbdb}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;margin-right:20px;z-index:101}.menu-toggle span{width:100%;height:3px;background:white;transition:all 0.3s ease}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.space-for-menu{display:none}.mobile-nav{position:fixed;top:0;left:-100%;width:60%;height:100vh;background:rgba(0,0,0,.95);z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:left 0.3s ease}.mobile-nav.active{left:0}.mobile-nav-item{margin:20px 0}.mobile-nav-item-link{color:white;text-decoration:none;font-size:22px;font-family:"Kaisei Opti",serif}@media (max-width:1100px){.header{height:125px}.logo{height:75px;margin-left:55px}.nav-item-link{font-size:21px}.nav-item-link:hover{font-size:21px}}@media (max-width:860px){.header{height:115px}.logo{margin-left:35px}.nav-item-link{font-size:19px}.nav-item-link:hover{font-size:19px}}@media (max-width:770px){.header{height:100px;justify-content:space-between}.logo{height:65px}.space-for-menu{display:flex;align-items:center}.menu-toggle{display:flex;margin-bottom:15px}.nav{display:none}}@media (max-width:450px){.mobile-nav-item-link{font-size:16px}}@media (max-width:400px){.header{height:85px;min-width:100%}.logo{margin-left:15px;height:50px}.menu-toggle{margin-right:10px}}.banner-container{position:relative;overflow:hidden;height:104vh}.banner{top:0;left:0;width:100%;height:100%;background:url('img/banner-background.webp') center/cover;mask-image:url('#first-wave-mask');mask-size:100% 100%;position:relative;clip-path:inset(0 0 3px 0);z-index:2}.banner-content{display:flex;width:100%;padding:100px 0}.banner-left{flex:1;color:white;display:flex;justify-content:center;align-items:center;font-family:'Cormorant Garamond',serif;padding-bottom:80px;padding-left:17px}.banner-right{flex:1;margin-top:100px;margin-right:45px}.product-image{width:916px;filter:brightness(84%)}.banner-main-text{background-color:rgba(0,0,0,.5);box-shadow:0 0 30px 20px rgba(0,0,0,.5);min-width:320px}.banner-title{font-size:58px;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700;margin:0;text-align:center}.banner-text{font-size:34px;line-height:1.5;margin:20px 0;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:400;text-align:center}.bottom-wave{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(245,245,220,.7);mask-image:url('#second-wave-mask');mask-size:100% 100%}@keyframes slideUp{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}.animate-text{animation:slideUp 1s ease-out forwards;opacity:0}.animate-image{animation:slideLeft 1.2s ease-out forwards;opacity:0}.animate-text{animation-delay:0.3s}.animate-image{animation-delay:0.6s}@media (max-width:1430px){.banner-container{height:auto}.banner{height:auto}.banner{mask-image:none;mask-size:none}.bottom-wave{display:none}.products::before{content:"";position:absolute;z-index:5;top:-150px;left:0;width:100%;height:150px;background:linear-gradient(rgba(245,245,220,0) 0%,rgba(245,245,220,.5) 35%,rgba(245,245,220,.7) 50%,rgba(245,245,220,.87) 70%,rgba(245,245,220,.98) 90%,rgb(245,245,220) 100%)}.svg-waves{display:none}.banner-right{margin-right:0}.product-image{width:680px}.banner-title{font-size:52px}.banner-text{font-size:28px}}@media (max-width:1023px){.banner-content{display:flex;flex-direction:column}.banner-right{margin-top:0;display:flex;justify-content:center;margin-left:70px}.banner-left{padding-bottom:40px}}@media (max-width:760px){.banner-right{margin-left:10px}.banner-left{padding:0 15px 40px 15px}.product-image{width:400px}.banner-title{font-size:46px}.banner-text{font-size:22px}}@media (max-width:420px){.product-image{width:360px}.banner-title{font-size:40px}.banner-text{font-size:18px}}@media (max-width:374px){.product-image{width:305px}.banner-title{font-size:37px}.banner-text{font-size:17px}.banner-main-text{min-width:0}}.tea-canvas-all{position:relative;z-index:1}.products{position:relative;background:beige;padding:40px 0}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:247px;row-gap:25px;max-width:1430px;margin:0 auto;padding:0 20px}.card{width:291px;height:381px;border-radius:15px;display:flex;justify-content:center;align-items:center;transition:transform 0.3s ease;cursor:pointer;position:relative;z-index:1}.card:hover{transform:scale(1.02)}.card img{width:92%;height:92%;object-fit:contain}.card-detoks{background-color:#E5D3A8}.card-taejny{background-color:#A2D5B4}.card-tsveti{background-color:#D6CBD0}.card-relax{background-color:#85D1DE}.card-lepestok{background-color:#DCBCC3}.card-ytro{background-color:#E2C188}.card:nth-child(2),.card:nth-child(5){margin-top:66px}.card:nth-child(3),.card:nth-child(6){margin-top:132px}#teaLeavesCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}@media (max-width:1406px){.card:nth-child(2),.card:nth-child(4),.card:nth-child(6){margin-top:66px}.card:nth-child(3),.card:nth-child(5){margin-top:0}}@media (max-width:950px){.cards-container{gap:120px;row-gap:25px}.card{width:262px;height:342px}}@media (max-width:683px){.card:nth-child(2),.card:nth-child(3),.card:nth-child(4),.card:nth-child(5),.card:nth-child(6){margin-top:25px}}.tea-info-section{border-radius:20px;background-color:beige;padding:15px 20px 20px 20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin:60px auto;max-width:1200px;position:relative;z-index:1;font-family:'Cormorant Garamond',serif}.tea-tabs{display:flex;justify-content:center;margin-bottom:-1px;flex-wrap:wrap}.tea-tab{padding:12px 25px;background:beige;border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;font-size:18px;font-weight:500;color:#5E3A1F;transition:all 0.3s ease;margin:0 5px;position:relative;z-index:1}.tea-tab:hover{background:#E8D8B5}.tea-tab.active{background:#d8be8e;font-weight:700;z-index:2}.tea-info-teaname{margin-top:0}.tea-info-content{background:#d8be8e;border-radius:15px;padding:30px 100px;min-height:300px;position:relative;z-index:1}.tea-info{display:none;animation:fadeIn 0.5s ease}.ingredient-list{list-style:none;padding-left:0}.tea-info.active{display:block}.ingredient-item{font-size:18px;margin-bottom:10px}.ingredient-item::before{content:"🍃"}.ingredient-name{color:#5E3A1F;font-weight:700}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1260px){.tea-info-section{margin:60px 15px}}@media (max-width:1023px){.tea-tabs{flex-direction:column}.tea-tab{border-radius:0;border:1px solid #ddd;margin:0}.tea-info-content{border-radius:0 0 15px 15px;padding:30px 80px}.tea-tab:first-child{border-radius:10px 10px 0 0}.tea-tab:last-child{border-bottom:1px solid beige}}@media (max-width:426px){.tea-info-content{border-radius:0 0 15px 15px;padding:30px 30px}}@media (max-width:376px){.tea-info-section{box-shadow:none;padding:0}.tea-info-content{border-radius:0 0 15px 15px;padding:30px 20px}}.about-company{margin-block:110px;background:wheat;padding:80px 20px 120px 20px;text-align:center;position:relative;clip-path:ellipse(30% 45% at 50% 50%);z-index:3}.about-content{max-width:900px;margin:0 auto;font-family:"Marck Script";padding-bottom:60px 40px}.about-title{font-size:42px;font-weight:700;color:#3E3E3E;margin-top:10px;margin-bottom:30px;text-align:center}.about-text{font-size:21px;line-height:1.6;color:#4A4A4A;text-align:center;margin:0 auto}@media (max-width:1500px){.about-company{clip-path:ellipse(45% 45% at 50% 50%)}}@media (max-width:1000px){.about-company{clip-path:ellipse(48% 50% at 50% 50%)}.about-text{margin:auto 30px}}@media(max-width:530px){.about-company{clip-path:none;border-radius:100px;margin:110px 15px;padding:60px 20px 75px 20px}}@media (max-width:370px){.about-company{border-radius:60px;padding:50px 8px 70px 8px}}.footer{margin-top:50px;background-color:beige;padding-top:25px;padding-bottom:45px;font-family:'Cormorant Garamond',serif;border-top:1px solid #ddd}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;color:#3E3E3E}.footer-logo{flex:1 1 100px}.footer-logo-img{height:60px;filter:brightness(81%);margin-top:10px}.footer-description{margin-top:5px;font-size:18px;color:#4A4A4A}.footer-nav{flex:1 1 140px;padding-left:15px}.footer-title{font-size:20px;margin-bottom:15px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{text-decoration:none;color:#3E3E3E;font-size:16px;transition:color 0.3s ease}.footer-links a:hover{color:#8B5E3C}.footer-markets{flex:1 1 110px}@media (max-width:1300px){.footer-logo{text-align:center}}@media (max-width:500px){.footer-content{flex-direction:column;justify-content:normal;align-items:center;gap:15px}.footer-nav{padding-left:0}}