.sba{--sba-ink:#14101F;--sba-mut:#65637A;--sba-line:#ECEAF4;padding-left:5vw;padding-right:5vw}.sba *,.sba *:before,.sba *:after{box-sizing:border-box}.sba__wrap{max-width:1320px;margin:0 auto;width:100%}.sba__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;margin-bottom:26px}.sba__headtext{max-width:640px;min-width:0}.sba__title{margin:0 0 6px;font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--sba-ink)}.sba__sub{margin:0;font-size:15px;line-height:1.5;color:var(--sba-mut)}.sba__viewall{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--sba-line);border-radius:999px;background:#fff;font-size:14px;font-weight:700;text-decoration:none;color:#4c3be0;white-space:nowrap;transition:border-color .2s,box-shadow .2s,transform .2s}.sba__viewall svg{transition:transform .2s}.sba__viewall:hover{border-color:#c9c2f0;box-shadow:0 6px 18px #4c3be024;transform:translateY(-1px)}.sba__viewall:hover svg{transform:translate(3px)}.sba__grid{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:repeat(var(--sba-cols,4),minmax(0,1fr));max-width:100%}.sba__card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--sba-line);border-radius:20px;overflow:hidden;box-shadow:0 2px 4px #14101f08,0 10px 28px #14101f0f;transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,border-color .28s}.sba__card:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--accent);opacity:0;transition:opacity .28s}.sba__card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 18px 44px #14101f24}.sba__card:hover:after{opacity:1}.sba__media{position:relative;display:block;aspect-ratio:var(--sba-ar,5/4);overflow:hidden;background:#f3f1fa}.sba__media img,.sba__ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.sba__card:hover .sba__media img{transform:scale(1.06)}.sba__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,6,30,.22),transparent 45%);pointer-events:none}.sba__body{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;flex:1}.sba__name{margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:800;line-height:1.18;letter-spacing:-.01em}.sba__link{text-decoration:none;display:block}.sba__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sba__name-a{display:block;color:var(--accent)}.sba__name-b{display:block;color:var(--sba-ink)}.sba__desc{margin:0;font-size:14px;line-height:1.6;color:var(--sba-mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sba__rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sba__stars{display:inline-flex;gap:2px;color:#dddae8}.sba__star.is-on{color:#f5a524}.sba__rnum{font-size:12.5px;font-weight:600;color:var(--sba-ink)}.sba__rnum span{font-weight:400;color:var(--sba-mut)}.sba__tags{display:flex;flex-wrap:wrap;gap:7px}.sba__tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;line-height:1;letter-spacing:.01em;padding:7px 11px;border-radius:9px;color:#3e3c52;background:#f6f5fb;transition:background .2s,color .2s}.sba__tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.9;flex:none}.sba__card:hover .sba__tag{background:color-mix(in srgb,var(--accent) 7%,#F6F5FB)}.sba__btn{position:relative;z-index:2;overflow:hidden;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:14px;color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.01em;text-decoration:none;background:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 88%,#000) 100%);box-shadow:inset 0 1px #ffffff38,0 6px 16px -6px var(--accent);transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s}.sba__btn:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg);transition:left .55s ease}.sba__btn:hover:before{left:120%}.sba__btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff47,0 12px 26px -8px var(--accent)}.sba__btn:active{transform:translateY(0)}.sba__arrow{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;transition:transform .22s,background .22s}.sba__btn:hover .sba__arrow{transform:translate(3px);background:#ffffff4d}.sba__link:focus-visible,.sba__btn:focus-visible,.sba__viewall:focus-visible{outline:2px solid var(--accent,#4C3BE0);outline-offset:3px;border-radius:6px}.sba__dots{display:none;justify-content:center;align-items:center;gap:7px;margin-top:14px}.sba__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d9d6e6;cursor:pointer;transition:width .25s,background .25s}.sba__dot.is-on{width:22px;background:#4c3be0}@media screen and (max-width:1400px){.sba__grid{gap:20px}}@media screen and (max-width:1199px){.sba__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){.sba__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sba__head{margin-bottom:20px}.sba__body{padding:16px}.sba__btn{padding:12px 16px;font-size:14px}}@media screen and (max-width:749px){.sba{--sba-gutter:1.5rem;--sba-peek:44px;padding-left:0;padding-right:0;overflow-x:hidden;overflow-x:clip}.sba__head,.sba__dots{padding-left:var(--sba-gutter);padding-right:var(--sba-gutter)}.sba__head{align-items:flex-start;gap:14px;margin-bottom:18px}.sba__title{font-size:20px}.sba__sub{font-size:14px}.sba__name{font-size:16px}.sba__desc{font-size:13.5px;line-height:1.55;-webkit-line-clamp:2}.sba__body{padding:14px 14px 16px;gap:9px}.sba__btn{padding:11px 14px;font-size:13.5px;border-radius:12px}.sba__arrow{width:21px;height:21px}.sba__tag{font-size:11px;padding:6px 10px}.sba__card{border-radius:14px}.sba__grid{grid-template-columns:repeat(var(--sba-cols-m,1),minmax(0,1fr));gap:14px;padding-left:var(--sba-gutter);padding-right:var(--sba-gutter)}.sba__grid--carousel{display:flex;grid-template-columns:none;align-items:stretch;gap:12px;margin:0;padding:4px var(--sba-gutter) 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--sba-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y}.sba__grid--carousel::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.sba__grid--carousel>.sba__card{flex:0 0 calc(100% - var(--sba-peek));width:calc(100% - var(--sba-peek));scroll-snap-align:start;scroll-snap-stop:always}.sba__grid--carousel>.sba__card .sba__media{aspect-ratio:4/3}.sba__dots:not(:empty){display:flex}}@media screen and (max-width:480px){.sba{--sba-peek:36px}.sba__grid[style*="--sba-cols-m:2"]:not(.sba__grid--carousel) .sba__body{padding:12px;gap:9px}.sba__grid[style*="--sba-cols-m:2"]:not(.sba__grid--carousel) .sba__btn{padding:11px 12px;font-size:13px;gap:7px}.sba__grid[style*="--sba-cols-m:2"]:not(.sba__grid--carousel) .sba__arrow{width:20px;height:20px}.sba__grid[style*="--sba-cols-m:2"]:not(.sba__grid--carousel) .sba__tag{padding:5px 9px}}@media(hover:none){.sba__card:hover{transform:none;box-shadow:0 2px 4px #14101f08,0 10px 28px #14101f0f}.sba__card:hover .sba__media img{transform:none}}@media(prefers-reduced-motion:reduce){.sba__card,.sba__media img,.sba__btn,.sba__btn:before,.sba__arrow,.sba__viewall{transition:none}.sba__card:hover{transform:none}.sba__grid--carousel{scroll-snap-type:none}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAQ */