.scrollable-content{display:block;width:100%}.scrollable-content--full-width-bg{background:var(--color-bg);padding:25px 0}@media only screen and (min-width: 768px){.scrollable-content--full-width-bg{padding:50px 0}}.scrollable-content--inner{padding:0 15px;max-width:1380px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.scrollable-content--inner{padding:0 50px}}.scrollable-content--has-bg{background:var(--color-bg);padding:25px 15px;border-radius:var(--block-border-radius, 16px)}@media only screen and (min-width: 768px){.scrollable-content--has-bg{padding:50px;max-width:1280px}}.scrollable-content--header{text-align:center;margin-bottom:40px}.scrollable-content--header-left{text-align:left}.scrollable-content--header-center{text-align:center}@media only screen and (min-width: 768px){.scrollable-content--header{margin-bottom:60px}}.scrollable-content--main-title{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--color-heading, #1a1c1d)}@media only screen and (min-width: 768px){.scrollable-content--main-title{font-size:40px}}.scrollable-content--main-description{font-size:16px;line-height:1.6;color:var(--color-body, #2c2d2e);max-width:700px}.scrollable-content--header-center .scrollable-content--main-description{margin:0 auto}.scrollable-content--header-left .scrollable-content--main-description{margin:0}.scrollable-content--wrapper{position:relative;display:flex;align-items:center;gap:20px}.scrollable-content--container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;overflow:visible}@media only screen and (min-width: 768px){.scrollable-content--container{grid-template-columns:repeat(3,1fr);gap:30px}}@media only screen and (min-width: 1200px){.scrollable-content--container{gap:40px}}@media only screen and (max-width: 767px){.scrollable-content--container.mobile-scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:10px;margin-left:0;margin-right:0;padding-left:0;padding-right:15px}.scrollable-content--container.mobile-scroll::-webkit-scrollbar{display:none}.scrollable-content--container.mobile-scroll .scrollable-content--item{flex:0 0 85%;min-width:85%;scroll-snap-align:center;scroll-snap-stop:always}}.scrollable-content--item{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:100%}.scrollable-content--image-link{display:block;text-decoration:none;color:inherit;width:100%;transition:transform .3s ease}.scrollable-content--image-link:hover{transform:translateY(-4px)}.scrollable-content--image-wrapper{width:100%;max-width:var(--image-width-mobile, 300px);margin:0 0 20px;position:relative;overflow:hidden;border-radius:var(--image-border-radius, 16px);aspect-ratio:4 / 3}@media only screen and (min-width: 768px){.scrollable-content--image-wrapper{max-width:100%;margin-bottom:24px}}.scrollable-content--image{width:100%;height:100%;object-fit:cover;display:block}.scrollable-content--placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.scrollable-content--placeholder svg{width:60px;height:60px;opacity:.3}.scrollable-content--content{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left}@media only screen and (max-width: 767px){.scrollable-content--content{text-align:left}}.scrollable-content--title-row{display:flex;align-items:center;gap:12px;width:100%}.scrollable-content--icon{width:var(--icon-size, 40px);height:var(--icon-size, 40px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.scrollable-content--icon img{width:100%;height:100%;object-fit:contain}.scrollable-content--title{font-size:var(--title-size, 24px);font-weight:700;line-height:1.3;margin:0;color:var(--color-heading, #1a1c1d)}@media only screen and (max-width: 767px){.scrollable-content--title{font-size:calc(var(--title-size, 24px) * .9)}}.scrollable-content--description{font-size:14px;line-height:1.6;color:var(--color-body, #2c2d2e);margin:0;flex-grow:1}@media only screen and (min-width: 768px){.scrollable-content--description{font-size:15px;line-height:1.65}}.scrollable-content--description p{margin:0 0 8px}.scrollable-content--description p:last-child{margin-bottom:0}.scrollable-content--description a{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;border:1.5px solid #d1d5db;background:#f9fafb;font-weight:500;font-size:14px;line-height:1;color:#374151;text-decoration:none;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d;margin-top:12px}.scrollable-content--description a:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a;text-decoration:none}.scrollable-content--description a:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}@media only screen and (max-width: 767px){.scrollable-content--description a{height:36px;padding:0 16px;font-size:13px}}.scrollable-content--arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e5e5e5;border-radius:50%;width:48px;height:48px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;flex-shrink:0}@media only screen and (min-width: 768px){.scrollable-content--arrow{display:flex}}.scrollable-content--arrow:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateY(-50%) scale(1.05)}.scrollable-content--arrow:active{transform:translateY(-50%) scale(.95)}.scrollable-content--arrow:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.scrollable-content--arrow-prev{left:-24px}.scrollable-content--arrow-next{right:-24px}.scrollable-content--arrow svg{width:24px;height:24px;color:#1a1c1d}.scrollable-content--footer{text-align:center;margin-top:40px}.scrollable-content--footer-left{text-align:left}.scrollable-content--footer-center{text-align:center}@media only screen and (min-width: 768px){.scrollable-content--footer{margin-top:60px}}.scrollable-content--button{display:inline-flex;align-items:center;justify-content:center;background:#f9fafb;color:#374151;font-size:14px;padding:0 20px;height:40px;border-radius:999px;border:1.5px solid #d1d5db;line-height:1;font-weight:500;text-decoration:none;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.scrollable-content--button:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.scrollable-content--button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}@media only screen and (max-width: 767px){.scrollable-content--wrapper{gap:0}}@media only screen and (max-width: 767px){.scrollable-content--arrow{display:none!important}}@media only screen and (min-width: 768px){.scrollable-content--container{scroll-behavior:smooth}}@media only screen and (min-width: 768px){.scrollable-content--item{display:flex;flex-direction:column}.scrollable-content--image-link{display:block}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/scrollable-content.css.map */