.section-blog-carousel{--gutter: max(20px, 5dvi);padding:40px var(--gutter)}carousel-slider{container-type:inline-size;display:block;inline-size:min(1200px,100%);margin-inline:auto;overflow:hidden}carousel-slider .carousel-container{--_column: 3;--_gap: clamp(16px, 3cqi, 24px);--_move: 1;display:grid;row-gap:32px;padding-block-end:32px}@media (width <= 750px){carousel-slider .carousel-container{--_column: 1.5}}carousel-slider .scroller{--_item-size: calc( (100cqi - var(--_gap) * (var(--_column) - 1)) / var(--_column) );--_gutter: calc((100vw - 100cqi)/2) ;display:grid;grid:auto / auto-flow var(--_item-size);column-gap:var(--_gap);overflow-x:auto;overscroll-behavior-inline:contain;margin-inline:calc(var(--_gutter) * -1);padding-inline:var(--_gutter);scroll-padding-inline:var(--_gutter);scroll-behavior:smooth;scrollbar-width:none}carousel-slider .scroller::-webkit-scrollbar{display:none}.article-card{position:relative;scroll-snap-align:start;scroll-snap-stop:always;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.new-ribbon{position:absolute;display:block!important;bottom:0;right:0;width:60px;height:60px;overflow:hidden;z-index:10}.new-ribbon:before{content:"NEW";position:absolute;bottom:10px;right:-20px;width:80px;height:20px;background-color:#b02624;color:#fff;font-size:1.5rem;font-weight:700;text-align:center;line-height:20px;transform:rotate(-45deg)}.new-ribbon:after{display:block!important;content:"";position:absolute;bottom:0;right:0;width:0;height:0;transform:rotate(0)}.article-link{display:block;text-decoration:none;color:inherit;height:100%}.article-image{position:relative;aspect-ratio:1460 / 820;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:20px;display:flex;flex-direction:column;gap:12px}.article-title{font-size:1.125rem;font-weight:600;line-height:1.4;color:#1a1a1a;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-date{font-size:.875rem;color:#666;font-weight:400}.article-excerpt{font-size:.9rem;color:#555;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}carousel-slider progress{--_background: rgba(0, 0, 0, .1);--_foreground: #9C2D3D;--_gutter: clamp(24px, 5vw, 48px);--_progress_inner-width: 10rem;width:calc(100% - var(--_gutter) * 2);height:4px;margin-inline:auto;background-color:var(--_background);border:none;border-radius:2px;-webkit-appearance:none;appearance:none;position:relative;overflow:hidden}carousel-slider progress::-webkit-progress-bar{background-color:var(--_background);border-radius:2px}carousel-slider progress::-webkit-progress-value{background-color:transparent}carousel-slider progress::-moz-progress-bar{background-color:transparent}carousel-slider progress:after{content:"";position:absolute;top:0;left:var(--progress-position, 0%);width:var(--_progress_inner-width);height:100%;background-color:var(--_foreground);border-radius:1px;transform:translate(-50%);transition:left .1s ease-out}@media (width <= 750px){carousel-slider progress{--_progress_inner-width: 1rem;display:none}}.no-blog-selected{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#666;font-size:1.1rem;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.carousel-container.features-carousel.chottoiikoto-carousel{--_column: 3.5}@media (width <= 750px){.carousel-container.features-carousel.chottoiikoto-carousel{--_column: 1.5}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/new-blog-carousel.css.map */
