@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.appear{animation:fade-up .6s ease both}.mainpage{max-width:1180px;margin:33px auto}.mainpage .carousel{width:100%;border:1px solid rgb(219,219,219);margin-bottom:41px;overflow:hidden}.mainpage.mobile .carousel{width:auto;margin:0 20px;border:1px solid rgb(219,219,219);overflow:hidden}.carousel-slide{padding:0!important}.slide{height:100%;display:flex;align-items:center;justify-content:center}.slide-inner{width:min(1024px,100%);height:100%;display:grid;grid-template-columns:350px 1fr;gap:20px;align-items:stretch;padding:20px 56px 56px;box-sizing:border-box}.slide-image-container{width:350px;height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 350px}.slide-image{max-width:350px;max-height:350px;width:100%;height:100%;object-fit:contain;display:block}.content{min-width:0;height:100%;display:flex;flex-direction:column;gap:16px}.slide-title{color:#202c52;font-size:18px;font-weight:700;line-height:21px;text-align:left;text-transform:uppercase;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.slide-description{color:#202c52;font-size:14px;font-weight:400;line-height:16px;text-align:left;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;max-height:128px}.buttons{margin-top:auto;margin-bottom:22px;display:flex;gap:20px;align-items:center;flex-wrap:nowrap}.slide-button-detail{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:160px;height:42px;border:1px solid rgb(32,44,82);background-color:#fff;text-decoration:none;color:#202c52}.slide-button-buy{display:flex;justify-content:center;align-items:center;width:160px;height:42px;background:#202c52;color:#fff;border:none}.carousel-arrow{width:42px;height:42px;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);border-radius:50%;background:#ffffffb3;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer}.carousel-arrow:hover{background:#fffffff2;box-shadow:0 6px 16px #202c5233}.carousel-arrow:active{transform:translateY(-50%) scale(.96)}.carousel-arrow.left{left:12px}.carousel-arrow.right{right:12px}.arrow-img{width:42px;height:42px;display:block}.mainpage .carousel .q-carousel__navigation{bottom:12px}.nav-dot{width:7px;height:7px;background-color:#dbdbdb}.nav-dot.active{background-color:#7cb92b}.info-grid{display:flex;flex-wrap:wrap;gap:32px}.info-item{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.info-icon{width:43px;height:43px;flex:0 0 auto}.info{max-width:300px}.info-title{color:#202c52;font-size:18px;font-weight:700;line-height:21px;text-align:left;text-transform:uppercase;margin:0 0 10px}.info-description{color:#202c52;font-size:14px;font-weight:400;line-height:16px;text-align:left;margin:0}.mainpage.mobile .info{max-width:270px}.slide-mobile{height:100%;display:grid;grid-template-rows:180px 1fr;justify-items:center;align-items:start;padding:18px 18px 72px;box-sizing:border-box}.slide-image-mobile{max-width:162px;max-height:162px;width:100%;height:100%;object-fit:contain;display:block;margin:0 auto}.mobile-content{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.slide-title-mobile{margin-top:0;max-width:220px;min-height:28px;color:#202c52;font-size:12px;font-weight:700;line-height:14px;text-align:center;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-buttons{margin-top:auto;margin-bottom:22px;display:flex;flex-direction:column;gap:18px;align-items:center}.info-mobile{display:flex;flex-direction:column;gap:10px;margin:28px 20px}.info-item-mobile{display:flex;align-items:flex-start;gap:10px}