.tips-detail{padding:8rem 0 2rem}.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;display:grid}.tips-detail-title{font-size:var(--fs-2xl);color:var(--text-dark);font-weight:300;line-height:var(--lh-md);letter-spacing:var(--ls-md);width:80%}.tips-detail-desc{font-size:var(--fs-md);color:var(--secondary-color);line-height:var(--lh-lg);text-wrap:pretty}.tips-detail-main{grid-template-columns:1fr 1fr;display:grid}.tips-detail-paragraph{border-right:1px solid var(--border-color)}.tips-detail-meta{margin-bottom:3rem}.tips-detail-meta-info{flex-direction:column;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.tips-detail-meta p{font-size:var(--fs-sm);letter-spacing:var(--ls);color:var(--secondary-color);margin:0;font-weight:500}.tips-detail-date{font-size:var(--fs-xs)!important;font-weight:400!important}.tips-detail-content{flex-direction:column;gap:3rem;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:var(--lh-lg);width:95%}.tips-content-item p{font-size:var(--fs-md);color:var(--secondary-color);line-height:var(--lh-lg);text-wrap:pretty;width:95%}.tips-related{padding-left:1rem}.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);line-height:var(--lh-md);margin:0}.tips-related-grid{flex-direction:column;gap:3rem;display:flex}.tips-related-image{background-color:var(--cloud-white);aspect-ratio:16/9;width:100%;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-md);font-weight:500;line-height:var(--lh-lg);letter-spacing:var(--ls);color:var(--text-dark)}.tips-related-product{text-transform:uppercase;font-weight:400;font-size:var(--fs-xs)!important;letter-spacing:.05em!important;color:#999!important}@media (max-width:890px){.tips-detail-main{grid-template-columns:1fr;gap:3rem}.tips-related-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:3rem 1rem;display:grid}.tips-detail-paragraph{border:none}.tips-content-item h2,.tips-content-item p{width:100%}.tips-related{padding-bottom:2rem;padding-left:0}}@media (max-width:640px){.tips-detail-image{margin:3rem 0}.tips-header{grid-template-columns:1fr;gap:1rem}.tips-detail-title{font-size:var(--fs-3xl);width:100%}.tips-detail-meta{margin-bottom:2rem}.tips-detail-desc,.tips-content-item h2,.tips-content-item p{width:97%;font-weight:400}.tips-related-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.tips-related-grid::-webkit-scrollbar{display:none}.tips-related-card{scroll-snap-align:start;flex:0 0 85%}.tips-related-card p{font-weight:400;line-height:var(--lh-md);margin-top:5px}}
.share-buttons{align-items:center;gap:12px;display:flex}.share-buttons-list{gap:8px;display:flex}.share-button{border:1px solid var(--border-color,#ddd);width:30px;height:30px;color:var(--text-dark);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.share-button:hover{background:var(--primary-color);color:var(--text-light);border-color:var(--primary-color)}@media (max-width:640px){.share-buttons{gap:10px}.share-button{width:34px;height:34px}}