.slmt-screenshots{padding:4rem 0;background:linear-gradient(135deg,#f8fafb,#00a9dd0d 40%,#059dc10d);position:relative}.slmt-screenshots:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,169,221,.03) 0%,transparent 70%);pointer-events:none}.slmt-screenshots__header{text-align:center;max-width:600px;margin:0 auto 4rem}.slmt-screenshots__heading{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#1e293b,#00a9dd,#1e293b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.slmt-screenshots__description{font-size:clamp(1rem,2vw,1.25rem);color:#475569;line-height:1.6;margin:0}.slmt-screenshots__desktop{display:block}.slmt-screenshots__mobile{display:none}.slmt-screenshots__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-items:center}.slmt-screenshots__item{text-align:center;max-width:350px}.slmt-screenshots__screen{margin:0 auto 1rem;overflow:hidden;transition:transform .3s ease;background:transparent;position:relative}.slmt-screenshots__screen:hover{transform:translateY(-5px)}.slmt-screenshots__image{width:100%;height:auto;display:block;max-width:350px;background:transparent}.slmt-screenshots__title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}@media screen and (max-width: 1024px){.slmt-screenshots__desktop{display:none}.slmt-screenshots__mobile{display:block}.slmt-screenshots__carousel{position:relative;max-width:280px;margin:0 auto}.slmt-screenshots__carousel-container{overflow:hidden;position:relative}.slmt-screenshots__carousel-track{display:flex;transition:transform .3s ease;width:400%}.slmt-screenshots__carousel-item{width:25%;flex-shrink:0;text-align:center;padding:0 1rem}.slmt-screenshots__carousel-item .slmt-screenshots__screen{transform:none;margin:0 auto 1rem;max-width:250px}.slmt-screenshots__carousel-item .slmt-screenshots__image{max-width:250px}.slmt-screenshots__carousel-item .slmt-screenshots__title{font-size:1rem;margin-bottom:1rem}.slmt-screenshots__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.slmt-screenshots__nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.slmt-screenshots__nav--prev{left:-22px}.slmt-screenshots__nav--next{right:-22px}.slmt-screenshots__nav svg{width:20px;height:20px;color:#00a9dd}.slmt-screenshots__indicators{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.slmt-screenshots__indicator{width:12px;height:12px;border-radius:50%;border:none;background:#00a9dd4d;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;aspect-ratio:1}.slmt-screenshots__indicator.active{background:#00a9dd;transform:scale(1.2)}}@media screen and (min-width: 768px) and (max-width: 1024px){.slmt-screenshots__grid{grid-template-columns:repeat(2,1fr);gap:2rem}.slmt-screenshots__desktop{display:block}.slmt-screenshots__mobile{display:none}}@media screen and (max-width: 480px){.slmt-screenshots{padding:3rem 0}.slmt-screenshots__header{margin-bottom:3rem}.slmt-screenshots__carousel{max-width:100%;padding:0 1rem}.slmt-screenshots__nav{width:40px;height:40px}.slmt-screenshots__nav--prev{left:-10px}.slmt-screenshots__nav--next{right:-10px}}@media screen and (max-width: 360px){.slmt-screenshots__carousel-item .slmt-screenshots__image{max-width:220px}.slmt-screenshots__nav{display:none}}@media (prefers-color-scheme: dark){.slmt-screenshots{background:linear-gradient(135deg,#0f172a,#00a9dd1a 40%,#059dc11a)}.slmt-screenshots__heading{background:linear-gradient(135deg,#f8fafc,#00a9dd,#059dc1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.slmt-screenshots__description{color:#94a3b8}.slmt-screenshots__title{color:#f8fafc}.slmt-screenshots__nav{background:#1e293be6}.slmt-screenshots__nav:hover{background:#1e293b}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-slmt-screenshots.css.map */