.article-with-sidebar{display:grid;grid-template-columns:1fr;gap:0;max-width:var(--page-width);margin:0 auto;padding:0 var(--gap-padding, 1.5rem)}@media(min-width:1024px){.article-with-sidebar{grid-template-columns:1fr 280px;gap:2.5rem;align-items:start}}@media(min-width:1280px){.article-with-sidebar{grid-template-columns:1fr 300px;gap:3rem}}.article-with-sidebar__content{min-width:0}.article-sidebar{display:none}@media(min-width:1024px){.article-sidebar{display:block;position:sticky;top:calc(var(--header-height, 70px) + var(--topbar-height, 0px) + 1.5rem);max-height:calc(100vh - var(--header-height, 70px) - var(--topbar-height, 0px) - 3rem);max-height:calc(100svh - var(--header-height, 70px) - var(--topbar-height, 0px) - 3rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground) / .15) transparent;contain:paint}}.article-sidebar::-webkit-scrollbar{width:4px}.article-sidebar::-webkit-scrollbar-track{background:transparent}.article-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground) / .15);border-radius:2px}.article-sidebar__inner{background:rgb(var(--color-foreground) / .03);border:1px solid rgb(var(--color-foreground) / .08);border-radius:var(--rounded-block, 12px);padding:1.25rem}.article-sidebar__heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground));margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid rgb(var(--color-button-background))}.article-sidebar__proof{font-size:.72rem;color:rgb(var(--color-foreground) / .6);margin:-.5rem 0 .75rem;font-style:italic}.sidebar-product{display:flex;gap:.75rem;border-bottom:1px solid rgb(var(--color-foreground) / .06);text-decoration:none;color:inherit;transition:background .15s ease;border-radius:calc(var(--rounded-block, 12px) * .5);margin:0 -.375rem;padding:.75rem .375rem}.sidebar-product:last-child{border-bottom:none;padding-bottom:0}.sidebar-product:first-child{padding-top:0}.sidebar-product:hover{background:rgb(var(--color-foreground) / .03)}.sidebar-product:focus-visible{outline:2px solid rgb(var(--color-button-background));outline-offset:2px;border-radius:calc(var(--rounded-block, 12px) * .5)}.sidebar-product__image{width:72px;height:72px;flex-shrink:0;border-radius:calc(var(--rounded-block, 12px) * .67);overflow:hidden;background:rgb(var(--color-foreground) / .05)}.sidebar-product__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.sidebar-product__info{display:flex;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.sidebar-product__title{font-size:.82rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-product__price{font-size:.78rem;color:rgb(var(--color-foreground) / .6)}.sidebar-product__price .from-label{font-size:.7rem;opacity:.7}.sidebar-product__compare-price{text-decoration:line-through;opacity:.5;margin-right:.25rem}.sidebar-product__action{font-size:.7rem;color:rgb(var(--color-button-background));font-weight:600}.sidebar-product__badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgb(var(--color-button-background));color:rgb(var(--color-button-text));padding:.15rem .4rem;border-radius:4px;width:fit-content}.article-sidebar__cta{display:block;width:100%;margin-top:1rem;padding:.7rem 1rem;background:rgb(var(--color-button-background));color:rgb(var(--color-button-text));text-align:center;font-size:.82rem;font-weight:700;letter-spacing:.03em;border-radius:calc(var(--rounded-block, 12px) * .67);text-decoration:none;transition:opacity .15s ease}.article-sidebar__cta:hover{opacity:.85;color:rgb(var(--color-button-text))}.article-sidebar__cta:focus-visible{outline:2px solid rgb(var(--color-button-background));outline-offset:2px}.article-sidebar-mobile{display:block;padding:1rem 0;margin:0 calc(var(--gap-padding, 1.5rem) * -1);overflow:hidden}@media(min-width:1024px){.article-sidebar-mobile{display:none}}.article-sidebar-mobile__heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:0 var(--gap-padding, 1.5rem);margin-bottom:.75rem}.article-sidebar-mobile__scroll{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 var(--gap-padding, 1.5rem);scrollbar-width:none}.article-sidebar-mobile__scroll::-webkit-scrollbar{display:none}.sidebar-product-mobile{flex:0 0 140px;scroll-snap-align:start;text-decoration:none;color:inherit}.sidebar-product-mobile:focus-visible{outline:2px solid rgb(var(--color-button-background));outline-offset:2px;border-radius:calc(var(--rounded-block, 10px) * .67)}.sidebar-product-mobile__image{width:140px;height:140px;border-radius:var(--rounded-block, 10px);overflow:hidden;background:rgb(var(--color-foreground) / .05);margin-bottom:.5rem}.sidebar-product-mobile__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.sidebar-product-mobile__title{font-size:.75rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-product-mobile__price{font-size:.72rem;color:rgb(var(--color-foreground) / .6);margin-top:.15rem}
/*# sourceMappingURL=/cdn/shop/t/71/assets/blog-sidebar.css.map */