.tips-detail{padding:8rem 0 6rem}.tips-detail .container{padding:0}.tips-detail-wrapper{margin-bottom:5rem}.tips-detail-image{background-color:var(--cloud-white);aspect-ratio:16/9;width:100%;margin:4rem 0;overflow:hidden}.tips-detail-image img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.tips-header{grid-template-columns:1fr 1fr;gap:1rem;padding:0 20px;display:grid}.tips-detail-title{font-size:var(--fs-2xl);color:var(--text-dark);font-weight:400;line-height:var(--lh-md);letter-spacing:var(--ls);width:80%}.tips-detail-desc{font-size:var(--fs-md);color:var(--secondary-color);line-height:1.6}.tips-detail-main{grid-template-columns:1fr 1fr;padding:0 20px;display:grid}.tips-detail-author{flex-direction:column;gap:5px;display:flex}.tips-detail-author p{font-size:var(--fs-md);letter-spacing:var(--ls);color:var(--secondary-color);margin:0;font-weight:500}.tips-detail-date{font-size:var(--fs-sm)!important;font-weight:400!important}.tips-detail-content{flex-direction:column;gap:2.5rem;display:flex}.tips-content-item{flex-direction:column;gap:1rem;display:flex}.tips-content-item h2{font-size:var(--fs-lg);color:var(--text-dark);letter-spacing:var(--ls);font-weight:500;line-height:1.5}.tips-content-item p{font-size:var(--fs-md);color:var(--secondary-color);line-height:1.6}.tips-detail-cta{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:flex-start;gap:2rem;margin-bottom:5rem;padding:3rem 20px;display:flex}.tips-detail-cta h2{font-size:var(--fs-3xl);font-weight:400;line-height:var(--lh-md);letter-spacing:var(--ls)}.tips-detail-cta-link{width:250px;font-size:var(--fs-md);letter-spacing:var(--ls);background:var(--primary-color);color:var(--text-light);justify-content:space-between;align-items:center;padding:5px 5px 5px 1rem;font-weight:500;transition:background .3s;display:flex}.tips-detail-cta-link:hover{background:var(--primary-hover)}.tips-detail-cta-arrow{background:var(--bg-white);width:40px;height:40px;color:var(--primary-color);justify-content:center;align-items:center;display:flex}.tips-related{padding:0 20px}.tips-related-nav{justify-content:end;align-items:end;margin-bottom:1rem;display:flex}.tips-related-nav a{font-size:var(--fs-sm);color:var(--text-dark);font-weight:500;line-height:var(--lh-md);letter-spacing:var(--ls);margin:0}.tips-related-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;display:grid}.tips-related-image{background-color:var(--cloud-white);aspect-ratio:2/3;width:100%;max-height:450px;margin-bottom:.5rem;position:relative;overflow:hidden}.tips-related-image img{object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1)}.tips-related-image img.loaded{opacity:1}.tips-related-card:hover .tips-related-image img{transform:scale(1.05)}.tips-related-card p{font-size:var(--fs-lg);letter-spacing:var(--ls);color:var(--text-dark);font-weight:400;line-height:1.5}.tips-related-product{text-transform:uppercase;margin-bottom:10px;font-weight:400;font-size:var(--fs-xs)!important;color:#999!important}@media (max-width:640px){.tips-detail{padding:6rem 0 5rem}.tips-detail-wrapper,.tips-detail-cta{margin-bottom:3rem}.tips-detail-image{margin:3rem 0}.tips-header{grid-template-columns:1fr;gap:1rem;padding:0 13px}.tips-detail-title{font-size:var(--fs-3xl);width:100%}.tips-detail-desc,.tips-content-item p{font-size:.9rem}.tips-detail-main{grid-template-columns:1fr;gap:0;padding:0 13px}.tips-detail-meta{display:none}.tips-detail-content{gap:3rem}.tips-detail-desc,.tips-content-item h2,.tips-content-item p{width:97%}.tips-detail-cta{padding:3rem 13px}.tips-related{padding:0 13px}.tips-related-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.tips-related-grid::-webkit-scrollbar{display:none}.tips-related-card{scroll-snap-align:start;flex:0 0 75%}.tips-related-image{max-height:350px}.tips-related-card p{font-size:var(--fs-md)}}