.jc-blog-carousel{--jc-blog-visible: 4;--jc-blog-gap: 2.4rem;position:relative}@media(max-width:1199px){.jc-blog-carousel{--jc-blog-visible: 3}}@media(max-width:989px){.jc-blog-carousel{--jc-blog-visible: 2;--jc-blog-gap: 2rem}}@media(max-width:749px){.jc-blog-carousel{--jc-blog-visible: 1.18;--jc-blog-gap: 1.6rem}}.main-blog-posts-container .jc-blog-carousel__track{display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--jc-blog-visible) - 1) * var(--jc-blog-gap)) / var(--jc-blog-visible));column-gap:var(--jc-blog-gap);row-gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main-blog-posts-container .jc-blog-carousel__track::-webkit-scrollbar{display:none}.main-blog-posts-container .jc-blog-carousel__track>.main-blog-post-card{min-width:0;scroll-snap-align:start}.jc-blog-carousel__navs{position:absolute;top:var(--jc-blog-nav-top, 14rem);left:0;right:0;z-index:2;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.jc-blog-carousel__nav{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#fffffff0;color:var(--jc-wine, #5a2d24);box-shadow:0 .6rem 1.8rem #174a252e;cursor:pointer;pointer-events:auto;transition:opacity .2s ease,background-color .2s ease}.jc-blog-carousel__nav:hover:not(:disabled){background:#fff}.jc-blog-carousel__nav:disabled{opacity:.32;cursor:default}.jc-blog-carousel__nav svg{width:2.2rem;height:2.2rem;display:block}.jc-blog-carousel__nav--prev{margin-left:-2.2rem}.jc-blog-carousel__nav--next{margin-right:-2.2rem}.main-blog .article-card-title{font-size:calc(var(--font-heading-h4-scale) * 2.1rem)}.main-blog .article-card-excerpt{font-size:calc(var(--font-body-scale) * 1.17rem);line-height:1.45}@media(max-width:749px){.main-blog .article-card-title{font-size:calc(var(--font-heading-h4-scale) * 1.8rem)}.main-blog .article-card-excerpt{font-size:calc(var(--font-body-scale) * 1.1rem)}}@media(max-width:749px){.jc-blog-carousel__navs{position:static;justify-content:flex-end;gap:1.2rem;margin-top:1.8rem;transform:none}.jc-blog-carousel__nav{width:4rem;height:4rem}.jc-blog-carousel__nav--prev,.jc-blog-carousel__nav--next{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/jc-blog-carousel.css.map */