.blog-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}.blog-with-sidebar__main{min-width:0}.blog-with-sidebar__sidebar{position:sticky;top:6rem;display:flex;flex-direction:column;max-height:calc(100vh - 8rem);overflow-y:auto;scrollbar-width:thin;padding-inline-end:.5rem}.blog-with-sidebar__sidebar::-webkit-scrollbar{width:4px}.blog-with-sidebar__sidebar::-webkit-scrollbar-thumb{background:rgb(from currentColor r g b / .15);border-radius:2px}@media screen and (max-width:989px){.blog-with-sidebar{grid-template-columns:minmax(0,1fr);gap:3rem}.blog-with-sidebar__sidebar{position:static;max-height:none;overflow-y:visible;padding-inline-end:0}}.blog-sidebar-block{padding-block:1.75rem;border-block-end:1px solid rgb(from currentColor r g b / .12)}.blog-sidebar-block:first-child{padding-block-start:0}.blog-sidebar-block:last-child{border-block-end:none}.blog-sidebar-block__heading{font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;line-height:1.2}.blog-sidebar-block__heading>p{margin:0}.blog-sidebar-block details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;-webkit-user-select:none;user-select:none}.blog-sidebar-block details>summary::-webkit-details-marker,.blog-sidebar-block details>summary::marker{display:none;content:""}.blog-sidebar-block details>summary .blog-sidebar-block__heading{margin:0}.blog-sidebar-block__icon{transition:transform .2s ease;flex-shrink:0;width:10px;height:10px}.blog-sidebar-block details[open]>summary .blog-sidebar-block__icon{transform:rotate(180deg)}.blog-sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.blog-sidebar-list a{color:inherit;text-decoration:none;transition:opacity .15s ease;font-size:.9375rem}.blog-sidebar-list a:hover{text-decoration:underline;text-underline-offset:3px}.blog-sidebar-list li.is-active>a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.blog-sidebar-recent-post__title{font-size:.9375rem;font-weight:500;margin:0 0 .25rem;line-height:1.4}.blog-sidebar-recent-post__title a{color:inherit;text-decoration:none}.blog-sidebar-recent-post__title a:hover{text-decoration:underline;text-underline-offset:3px}.blog-sidebar-recent-post__date{font-size:.75rem;opacity:.65;font-style:normal}.blog-sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.blog-sidebar-tags a{display:inline-block;padding:.375rem .75rem;font-size:.75rem;border:1px solid rgb(from currentColor r g b / .25);border-radius:999px;color:inherit;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;line-height:1.2}.blog-sidebar-tags a:hover{background:currentColor;border-color:currentColor}.blog-sidebar-tags a:hover{color:var(--color-background, #fff)}.blog-sidebar-image{display:block;overflow:hidden;border-radius:4px}.blog-sidebar-image img{display:block;width:100%;height:auto;transition:transform .4s ease}a.blog-sidebar-image:hover img{transform:scale(1.03)}.blog-sidebar-image__placeholder{aspect-ratio:1;background:rgb(from currentColor r g b / .04);display:grid;place-items:center;font-size:.75rem;opacity:.5;border-radius:4px}.blog-sidebar-text{font-size:.9375rem;line-height:1.6}.blog-sidebar-text p{margin:0 0 .75rem}.blog-sidebar-text p:last-child{margin-bottom:0}.blog-sidebar-text a{color:inherit;text-underline-offset:3px}.blog-sidebar-products{display:flex;flex-direction:column;gap:1rem}.blog-sidebar-product{display:flex;gap:.875rem;align-items:center;color:inherit;text-decoration:none}.blog-sidebar-product__image{flex-shrink:0;width:72px;height:72px;overflow:hidden;border-radius:4px;background:rgb(from currentColor r g b / .04)}.blog-sidebar-product__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-sidebar-product:hover .blog-sidebar-product__image img{transform:scale(1.06)}.blog-sidebar-product__body{flex:1;min-width:0}.blog-sidebar-product__title{font-size:.8125rem;font-weight:500;line-height:1.35;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-sidebar-product:hover .blog-sidebar-product__title{text-decoration:underline;text-underline-offset:3px}.blog-sidebar-product__price{font-size:.8125rem;opacity:.85}.blog-sidebar-product__price s{opacity:.5;margin-inline-end:.375rem}.blog-sidebar-block__hint{opacity:.6;font-size:.8125rem;margin:0;font-style:italic}
/*# sourceMappingURL=/cdn/shop/t/35/assets/blog-sidebar.css.map */
