#featured-tips-tricks .tip-card-badge{background:var(--primary-color);color:var(--white-color);font:var(--small-badge-font);letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:10px;padding:6px 16px;display:inline-block;position:absolute;top:15px;right:10px}#featured-tips-tricks .card-img-overlay{top:unset;background:linear-gradient(#0000 0%,#001219f2 60%);border-radius:20px;padding:3rem;bottom:0}#featured-tips-tricks .card{border-radius:20px;height:100%;transition:all .3s}#featured-tips-tricks .card-image{border-radius:20px;width:100%;height:100%;overflow:hidden}#featured-tips-tricks .card-img-overlay h3{font:var(--sub-heading-font);color:var(--white-color);margin-bottom:10px}#featured-tips-tricks .card-img-overlay p{font:var(--body-font);color:var(--white-color);margin-bottom:20px}#featured-tips-tricks .card-image img{object-fit:cover;min-width:100%;min-height:100%;max-height:100%}#featured-tips-tricks span.tip-card-number{background-color:var(--primary-color);font:var(--small-heading-font);color:var(--white-color);text-align:center;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;display:inline-flex}#featured-tips-tricks .card-body p{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#featured-tips-tricks .right-column .tip-card-number{position:absolute;top:10px;right:20px}#featured-tips-tricks .right-column .card-image{border-radius:20px 0 0 20px}#featured-tips-tricks .card-body{height:100%;padding:2rem 1.5rem}#featured-tips-tricks .card-body h3{font:var(--small-heading-font);line-height:normal}#featured-tips-tricks .card-body p{font:var(--body-font)}#featured-tips-tricks article{height:100%}#featured-tips-tricks .card:hover{transform:translate(5px)}#featured-tips-tricks .right-column .card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover)}@media (max-width:767px){#featured-tips-tricks .card-img-overlay{padding:1.5rem}#featured-tips-tricks .card{min-height:400px}#featured-tips-tricks .right-column .card-image{border-radius:20px 20px 0 0}}
.tips-filter-container{background:var(--white-color);z-index:100;border:1px solid #0000000d;border-radius:20px;flex-direction:column;gap:20px;margin-bottom:30px;padding:24px 30px;display:flex;position:relative;box-shadow:0 8px 30px #0000000d}.tips-filter-top{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.tips-search-box{background:var(--gray-bg);border-radius:var(--radius-md);border:1px solid #0000;flex:1;align-items:center;padding:8px 10px 8px 20px;transition:all .3s;display:flex}.tips-search-box:focus-within{border-color:var(--primary-color);background:var(--white-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 10%, transparent)}.tips-search-box input{font:500 .95rem var(--body-font);color:var(--heading-color);background:0 0;border:none;outline:none;width:100%}.tips-search-box input::placeholder{color:#8899ac}.tips-search-btn{background:var(--primary-color);color:var(--white-color);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:10px;transition:all .3s;display:flex}.tips-desktop-actions{align-items:center;display:flex}.tips-filter-toggle-btn{background:var(--white-color);border:1.5px solid var(--border-color);font:600 .9rem var(--body-font);color:var(--para-color);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;transition:all .3s;display:none}.tips-filter-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tips-actions-group{align-items:center;gap:15px;display:flex}.tips-view-toggle{background:var(--gray-bg);border-radius:var(--radius-sm);padding:5px;display:flex}.tips-view-toggle .view-btn{color:var(--para-color);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.tips-view-toggle .view-btn.active{background:var(--white-color);color:var(--primary-color);box-shadow:0 4px 10px #0000000d}.tips-reset-btn{color:#dc3545;font:600 .9rem var(--body-font);cursor:pointer;background:#dc354514;border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 22px;transition:all .3s;display:flex}.tips-filter-bottom{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.tips-dropdown{flex:1;min-width:160px;position:relative}.tips-dropdown-trigger{background:var(--white-color);border:1.5px solid var(--border-color);color:var(--heading-color);font:500 .9rem var(--body-font);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;transition:all .3s;display:flex}.tips-dropdown.active .tips-dropdown-trigger{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 10%, transparent)}.tips-chevron{color:var(--para-color);margin-left:8px;transition:transform .3s}.tips-dropdown.active .tips-chevron{color:var(--primary-color);transform:rotate(180deg)}.tips-count-badge{background:var(--primary-color);color:var(--white-color);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:6px;font-size:.7rem;font-weight:700;display:inline-flex}.tips-dropdown-menu{background:var(--white-color);border:1px solid var(--border-color);opacity:0;pointer-events:none;z-index:200;border-radius:14px;width:220px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-10px);box-shadow:0 10px 30px #00000014}.tips-dropdown.active .tips-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.tips-dropdown[data-filter=tags] .tips-dropdown-menu{grid-template-columns:1fr 1fr;gap:4px;width:340px;padding:15px;display:grid}.tips-option{cursor:pointer;color:var(--para-color);font:500 .9rem var(--body-font);border-radius:8px;align-items:center;margin-bottom:2px;padding:10px 14px;transition:all .2s;display:flex}.tips-option:hover{background:var(--gray-bg);color:var(--heading-color)}.tips-option.active{background:color-mix(in srgb, var(--primary-color) 6%, transparent);color:var(--heading-color)}.tips-option input{display:none}.tips-check{border:2px solid var(--border-color);background:var(--white-color);border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:12px;transition:all .2s;display:flex;position:relative}.tips-check.tips-radio{border-radius:50%}.tips-option.active .tips-check{background:var(--primary-color);border-color:var(--primary-color)}.tips-option.active .tips-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.tips-option.active .tips-check.tips-radio:after{background:#fff;border:none;border-radius:50%;width:8px;height:8px;margin:0;transform:none}.tips-filter-overlay{opacity:0;pointer-events:none;z-index:900;background:#0006;transition:opacity .3s;position:fixed;inset:0}.tips-filter-overlay.is-open{opacity:1;pointer-events:auto}.tips-filter-drawer{background:var(--white-color);z-index:1000;flex-direction:column;width:320px;height:100vh;transition:right .4s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:0;right:-100%}.tips-filter-drawer.is-open{right:0}.tips-drawer-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.tips-drawer-title{font:600 1.2rem var(--body-font);color:var(--heading-color);margin:0}.tips-drawer-close{color:var(--para-color);cursor:pointer;background:0 0;border:none}.tips-drawer-body{flex:1;padding:20px 30px;overflow-y:auto}.tips-drawer-item{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.tips-drawer-trigger i{transition:transform .3s}.tips-drawer-item.active .tips-drawer-trigger i{transform:rotate(180deg)}.tips-drawer-content{flex-direction:column;gap:8px;padding-bottom:10px;display:none}.tips-drawer-item.active .tips-drawer-content{display:flex}.tips-drawer-footer{border-top:1px solid var(--border-color);background:var(--white-color);padding:20px 30px;position:sticky;bottom:0}.tips-drawer-actions{align-items:center;gap:15px;display:flex}@media (max-width:991px){.tips-desktop-filters,.tips-desktop-actions{display:none}.tips-filter-toggle-btn{display:flex}.tips-dropdown{flex:100%}}@media (max-width:767px){.tips-filter-container{padding:20px}}
.tips-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:50px;display:grid}.tips-card{border-radius:var(--radius-lg);background:var(--white-color);will-change:transform, box-shadow;flex-direction:column;height:100%;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.tips-card:hover{box-shadow:0 40px 80px color-mix(in srgb, var(--theme-color) 25%, transparent);transform:translateY(-15px)scale(1.03)}.tips-card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.tips-card-img-wrap{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--theme-color);margin:10px;transition:margin .4s;position:relative;overflow:hidden}.tips-card:hover .tips-card-img-wrap{border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0}.tips-card-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.tips-card:hover .tips-card-img{transform:scale(1.1)}.tips-card .tip-card-number{color:color-mix(in srgb, var(--white-color) 15%, transparent);-webkit-text-stroke:1px color-mix(in srgb, var(--white-color) 40%, transparent);z-index:2;font-size:50px;font-weight:900;line-height:1;font-family:var(--heading-font);transition:all .4s;position:absolute;top:20px;left:20px}.tips-card-reveal{inset:10px;bottom:unset;background:color-mix(in srgb, var(--theme-color) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);opacity:0;z-index:5;border:1px solid color-mix(in srgb, var(--white-color) 15%, transparent);flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 120px);padding:30px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translateY(20px)scale(.95)}.tips-card-link{flex-direction:column;height:100%;display:flex;position:relative}.tips-card:hover .tips-card-reveal{opacity:1;inset:0;bottom:unset;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:100%;transform:translateY(0)scale(1.05)}.tip-list-btn-container{margin-top:20px;display:none}.tips-card-reveal .primary-btn{background:var(--primary-color);color:var(--white-color);border:1px solid var(--primary-color);border-radius:var(--radius-sm);width:fit-content;font-size:14px;font-family:var(--btn-font);align-items:center;gap:10px;padding:12px 25px;text-decoration:none;transition:all .3s;display:flex}.tips-card-reveal .primary-btn:hover{background:var(--theme-color);border-color:var(--white-color);color:var(--white-color)}.tips-card-reveal .primary-btn-icon{background:var(--white-color)}.tips-card-reveal .primary-btn-svg-after path{fill:var(--primary-color)}.tips-card-reveal .primary-btn:hover .primary-btn-svg-before path{fill:var(--theme-color)}.tips-card-body{flex-direction:column;flex-grow:1;padding:20px 25px 25px;transition:transform .3s;display:flex}.tips-card:hover .tips-card-body{transform:translateY(-5px)}.tips-card-meta{font-family:var(--body-font);align-items:center;gap:12px;margin-bottom:10px;display:flex}.tips-card-author{color:var(--para-color);opacity:.8;font-size:12px;font-weight:600}.tip-card-badge{background:var(--primary-color);color:var(--white-color);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:1.5px;z-index:3;padding:6px 14px;font-size:10px;font-weight:800;transition:all .4s;position:absolute;top:20px;right:20px;box-shadow:0 4px 10px #0000001a}.tips-card:hover .tip-card-badge{background:var(--theme-color);transform:translateY(-5px)}.tips-card-title{color:var(--heading-color);font-size:20px;font-weight:700;line-height:1.4;font-family:var(--heading-font);cursor:pointer;margin:0}.tips-card:hover .tip-card-number{opacity:0}.tips-grid:not(.list-view) .tip-list-btn-container{display:none}.tips-grid.list-view .tips-card-reveal{display:none!important}.tips-grid.list-view .tip-list-btn-container{display:block}.tips-grid.list-view{grid-template-columns:1fr;gap:30px}.tips-grid.list-view .tips-card-link{flex-direction:row;align-items:center;gap:40px}.tips-grid.list-view .tips-card-img-wrap{flex-shrink:0;width:350px}.tips-grid.list-view .tips-card-body{flex:1;padding:0;opacity:1!important;transform:none!important}@media (max-width:991px){.tips-grid.list-view .tips-card-link{flex-direction:column;align-items:flex-start;gap:20px}.tips-grid.list-view .tips-card-img-wrap{width:100%}}#tips-infinite-scroll-sentinel-wrap{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.tips-skeleton-container{grid-template-columns:repeat(3,1fr);gap:30px;width:100%;display:grid}.list-view~#tips-infinite-scroll-sentinel-wrap .tips-skeleton-container{grid-template-columns:1fr}.skeleton-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#0000000d);border-radius:12px;height:100%;overflow:hidden}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a 37%,#0000000f 63%) 0 0/400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0%}}.skeleton-image{aspect-ratio:1;width:100%}.skeleton-content{padding:25px}.skeleton-tag{border-radius:4px;width:80px;height:12px;margin-bottom:15px}.skeleton-title{border-radius:4px;width:100%;height:20px;margin-bottom:10px}.skeleton-title.short{width:60%}.is-spinner{width:100%;margin-bottom:30px}.tips-grid.list-view~#tips-infinite-scroll-sentinel-wrap .skeleton-card{gap:30px;display:flex}.tips-grid.list-view~#tips-infinite-scroll-sentinel-wrap .skeleton-image{flex-shrink:0;width:350px;height:220px}@media (max-width:1200px){.tips-skeleton-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.tips-skeleton-container{grid-template-columns:1fr}}