.card-carousel-section{container-type:inline-size;inline-size:100%;display:flex;flex-direction:column;gap:1rem}.card-carousel-section .carousel-heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground));padding-inline:var(--_pad, 1rem);inline-size:100%;margin:0;line-height:1.2}@media(min-width:768px){.card-carousel-section .carousel-heading{padding-inline:2rem}}.card-carousel-section .cards{--_pad: 1rem;--_gap: var(--card-gap, .75rem);display:flex;flex-direction:row;align-items:flex-start;gap:var(--_gap);inline-size:100%;list-style:none;margin:0;padding:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-block:1.25rem;padding-inline:var(--_pad);scroll-behavior:smooth;scroll-padding-inline:var(--_pad);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.card-carousel-section .cards::-webkit-scrollbar{display:none}@media(min-width:768px){.card-carousel-section .cards{--_pad: 2rem;--_gap: var(--card-gap, 1rem)}}.card-carousel-section .card{scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--card-bg-color, rgb(var(--color-background-2, var(--color-background))));border-radius:var(--card-corner-radius, .5rem);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:.5rem;border:1px solid rgba(var(--color-foreground),.1);min-inline-size:0;overflow:hidden;flex-shrink:0}.card-carousel-section .cards{--_visible: var(--cards-visible, 3)}.card-carousel-section .card{width:calc((100% - var(--_pad) * 2 - var(--_gap) * (var(--_visible) - 1)) / var(--_visible))!important}@media(max-width:599px){.card-carousel-section .card{width:calc(100vw - (var(--_pad, 1rem) * 2) - 1rem)!important;max-width:100%;flex-shrink:0}}.card-carousel-section .visual{--_img-max: var(--image-max-width, 800px);width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem;margin-top:-.5rem;margin-bottom:0;overflow:hidden;flex-shrink:1;min-height:0;display:flex;justify-content:center;border-radius:calc(var(--card-corner-radius, .5rem) * .8) calc(var(--card-corner-radius, .5rem) * .8) 0 0}.card-carousel-section .img,.card-carousel-section .placeholder-img{display:block;width:100%;max-width:var(--_img-max);height:auto;object-fit:unset}.card-carousel-section .card-content{display:flex;flex-direction:column;padding:.75rem;gap:1rem;flex:1;min-block-size:0;min-height:0;overflow:hidden}.card-carousel-section .content-wrapper{display:grid;gap:.5rem}.card-carousel-section .card-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--card-title-size, 20px);line-height:1.2;text-wrap:pretty;color:rgb(var(--color-foreground));margin:0}.card-carousel-section .card-desc{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--card-desc-size, 15px);line-height:1.6;text-wrap:pretty;color:rgba(var(--color-foreground),.75);margin:0}.card-carousel-section .card-link{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold, 600);font-size:var(--card-link-size, 13px);color:rgb(var(--color-button));text-decoration:none;display:inline-flex;gap:.5rem;align-items:center;min-block-size:44px}.card-carousel-section .card-link:before{content:"\2192";font-size:1rem;line-height:1;display:grid;place-items:center;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));inline-size:1.75rem;block-size:1.75rem;border-radius:.375rem;flex-shrink:0;transition:filter .2s ease}.card-carousel-section .card-link:hover:before{filter:brightness(.88)}.card-carousel-section .carousel-controls{display:flex;gap:.5rem;justify-content:center;align-items:center;padding-inline:var(--_pad, 1rem);inline-size:100%;box-sizing:border-box}.card-carousel-section .carousel-btn{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:.5rem;border:1px solid rgb(var(--color-button));background-color:transparent;color:rgb(var(--color-button));cursor:pointer;transition:background-color .2s ease;padding:0;flex-shrink:0}.card-carousel-section .carousel-btn:hover:not(:disabled){background-color:rgba(var(--color-button),.12)}.card-carousel-section .carousel-btn:focus-visible{outline:2px dashed rgb(var(--color-button));outline-offset:2px}.card-carousel-section .carousel-btn:disabled{opacity:.4;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/10/assets/card-carousel.css.map */