.custom-blog{padding-top:20px;padding-bottom:30px}.custom-blog .blog-landing-group-block{padding-bottom:28px}.custom-blog .blog-layout{display:flex;gap:40px;flex-direction:row}.custom-blog h1{line-height:var(--line-height-40);font-size:var(--font-size-32);font-weight:var(--font-weight-bold);margin-bottom:16px}.custom-blog .mobile-filter-toggle{display:none;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;background:transparent;border:1.5px solid var(--color-border, #e0e0e0);border-radius:var(--radius-small, 6px);font-size:13px;font-weight:600;cursor:pointer;color:var(--color-foreground-neutral, #0a0a0a)}.custom-blog .sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;opacity:0;transition:opacity .3s ease}.custom-blog .sidebar-overlay.visible{display:block;opacity:1}.custom-blog .sidebar{position:sticky;align-self:flex-start;display:flex;flex-direction:column;gap:16px;max-width:250px;flex-shrink:0;width:100%;overflow-y:auto}.custom-blog .sidebar-header{display:none;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1.5px solid var(--color-border, #e0e0e0)}.custom-blog .sidebar-title{font-size:16px;font-weight:700;color:var(--color-foreground-neutral, #0a0a0a)}.custom-blog .sidebar-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--color-foreground-neutral, #0a0a0a);display:flex;align-items:center;justify-content:center}.custom-blog .sidebar-footer{display:none;padding-top:16px;border-top:1.5px solid var(--color-border, #e0e0e0);margin-top:auto}.custom-blog .sidebar-apply-btn{width:100%;padding:12px;background:var(--color-foreground-primary, #0a0a0a);color:#fff;border:none;border-radius:var(--radius-small, 6px);font-size:14px;font-weight:600;cursor:pointer}.custom-blog .filter-clear{display:none;margin:0 4px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8a8a85;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.custom-blog .filter-clear.visible{display:block}.custom-blog .filter-group-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.custom-blog .filter-group-head span{display:block}.custom-blog .filter-group-head:hover{background:#f7f7f5}.custom-blog>svg{width:19px;height:24px;stroke:#8a8a85;fill:none;stroke-width:2;transition:transform .25s ease;flex-shrink:0}.custom-blog .filter-group.open>svg{transform:rotate(180deg)}.custom-blog .filter-items{display:none;flex-direction:column;gap:10px;margin-top:12px}.custom-blog .filter-group.open .filter-items{display:flex}.custom-blog .blog-layout .filter-items .checkbox .icon-checkmark{transition:border-color .2s ease,background-color .2s ease;width:20px;height:20px;border-color:var(--color-light-gray)}.custom-blog .blog-layout .blog-main{flex-grow:1}.custom-blog .active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.custom-blog .active-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.custom-blog .active-filter-tag{background:transparent;color:var(--color-foreground-neutral);border:1px solid var(--color-light-gray);padding:4px 8px;font-size:var(--font-body-3-size);line-height:var(--font-body-3-line-height);font-family:var(--font-body-3-family);font-weight:var(--font-weight-body-3-medium);border-radius:var(--style-border-radius-pills)}.custom-blog .active-filter-tag button{background:none;border:none;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:14px;transition:color .2s ease;margin-left:8px}.custom-blog .active-filter-clear-all{background:none;border:none;font-size:var(--font-body-3-size);line-height:var(--font-body-3-line-height);font-family:var(--font-body-3-family);font-weight:var(--font-weight-body-3-medium);color:var(--color-foreground-neutral);cursor:pointer;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:0;width:100%;text-align:left}.custom-blog .active-filter-clear-all:hover{color:#0a0a0a}.custom-blog .blog-main .blog-grid{display:flex;flex-wrap:wrap;gap:24px}.custom-blog .blog-main .blog-grid .blog-card{width:calc(33.333% - 16px)}.custom-blog .blog-card-content{display:flex;flex-direction:column;gap:8px;flex-grow:1}article.blog-card>div{display:flex;flex-direction:column;height:100%}.custom-blog .blog-post-card__excerpt{margin-bottom:12px}.custom-blog .blog-card-content a{font-size:16px;font-weight:600;line-height:1;padding-top:16px}.custom-blog .blog-card-meta{font-size:14px;line-height:22px}.custom-blog .blog-card:hover .blog-post-card__image img{transform:scale(1.05)}.custom-blog .custom-pagination{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}.custom-blog span.pagination-number{display:inline-flex;justify-content:center;align-items:center;padding:4px 11px;font-size:var(--font-body-3-size);line-height:var(--font-body-3-line-height);font-family:var(--font-body-3-family);font-weight:var(--font-weight-body-3-medium);border-radius:var(--radius-small);color:var(--color-foreground-neutral)}.custom-blog span.pagination-number.active{background-color:var(--color-foreground-primary)}.custom-blog .custom-pagination .previous-btn,.custom-blog .custom-pagination .next-btn{display:none}.custom-blog .blog-no-results{padding:40px 20px;text-align:center;color:var(--color-foreground-neutral, #3d3d3a)}.custom-blog .blog-no-results p:first-child{font-size:16px;font-weight:600;margin-bottom:8px}.custom-blog .blog-no-results p:last-child{font-size:14px;color:#8a8a85}@media(max-width:768px){.custom-blog .mobile-filter-toggle{display:inline-flex}.custom-blog .blog-layout{flex-direction:column}.custom-blog .sidebar{position:fixed;top:0;left:0;height:100%;width:300px;max-height:100%;background:#fff;z-index:300;padding:20px;box-shadow:4px 0 24px #0000001f;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.custom-blog .sidebar.open{transform:translate(0)}.custom-blog .sidebar-header{display:flex}.custom-blog .sidebar-footer{display:block}.custom-blog.blog-main .blog-grid .blog-card{width:calc(50% - 8px)}}@media(max-width:480px){.custom-blog .blog-main .blog-grid .blog-card{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/blog-filtering.css.map */