.th-cats{background:var(--bg)}.th-rail-nav{display:flex;gap:10px}.th-navbtn{width:48px!important;height:48px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--line)!important;display:grid!important;place-items:center;color:var(--ink)!important;transition:transform .3s var(--ease),opacity .3s,box-shadow .3s}.th-navbtn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 10px 24px -12px #0000004d}.th-navbtn:disabled{opacity:.35;cursor:default}.th-navbtn svg{width:20px;height:20px}.th-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,26vw,320px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:10px 20px 30px;margin-inline:-20px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.th-rail::-webkit-scrollbar{display:none}.th-cat{scroll-snap-align:start;position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--cr);isolation:isolate;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.th-cat img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.th-cat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#121e17b3,#121e1700 55%);z-index:1}.th-cat__info{position:absolute;inset-inline:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;padding-inline:16px 10px;border-radius:20px;background:#ffffff29;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.28);color:#fff}.th-cat__name{display:block;font-weight:800;font-size:17px;line-height:1.35}.th-cat__count{display:block;font-size:13px;opacity:.85;font-weight:600}.th-cat__go{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;flex:none;transition:transform .5s var(--spring)}.th-cat__go svg{width:18px;height:18px}.th-cat:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #00000073}.th-cat:hover img{transform:scale(1.07)}.th-cat:hover .th-cat__go{transform:scale(1.12)}.th-prods{background:#fff}.th-seg{position:relative;display:inline-flex;margin-top:28px;padding:5px;border-radius:999px;background:#1d1d1f0f;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.th-seg::-webkit-scrollbar{display:none}.th-seg__ind{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:#fff;box-shadow:0 4px 14px -4px #0000002e;transition:transform .5s var(--spring),width .5s var(--spring)}.th-seg [role=tab]{position:relative;z-index:1;min-height:44px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;color:var(--ink2);white-space:nowrap;transition:color .3s}.th-seg [role=tab][aria-selected=true],.th-seg [role=tab]:hover{color:var(--ink)}.th-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px)}@media(max-width:989px){.th-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.th-panel[hidden]{display:none}.th-panel.is-entering .th-grid>*{animation:th-in .7s var(--ease) backwards;animation-delay:calc(var(--i,0)*55ms)}.th-more{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)}.th-card{position:relative;display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.th-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -28px #3c2d0a61}.th-card__mw{position:relative}.th-card__media{position:relative;display:block;aspect-ratio:1;background:linear-gradient(160deg,#fffdf8,var(--cr));overflow:hidden}.th-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:10%;mix-blend-mode:multiply;transition:opacity .6s var(--ease),transform .9s var(--ease)}.th-card__alt{opacity:0}.th-card:hover .th-card__media img{transform:scale(1.06)}.th-card:hover .th-card__media.has-alt img:not(.th-card__alt){opacity:0}.th-card:hover .th-card__alt{opacity:1}.th-badge{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:var(--g);color:var(--ink);font-weight:800;font-size:12px;line-height:1;padding:7px 10px;border-radius:999px}.th-card__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.th-card__title{font-size:15px!important;font-weight:700!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.th-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;font-weight:800;color:var(--grd)}.th-price s{color:var(--ink2);font-weight:600;font-size:13px}.th-card__add{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;width:46px!important;height:46px!important;border-radius:50%!important;background:var(--ink)!important;color:#fff!important;display:grid!important;place-items:center;box-shadow:0 10px 24px -10px #0000008c;transition:transform .45s var(--spring),background-color .3s}.th-card__add:hover{transform:scale(1.1);background:var(--gr)!important}.th-card__add svg{width:20px;height:20px;grid-area:1/1;transition:opacity .25s,transform .35s var(--spring)}.th-card__add .th-i-check{opacity:0;transform:scale(.4)}.th-card__add.is-done{background:var(--gr)!important}.th-card__add.is-done .th-i-plus{opacity:0;transform:scale(.4)}.th-card__add.is-done .th-i-check{opacity:1;transform:none}.th-card__add.is-loading .th-i-plus{animation:th-spin .8s linear infinite}.th-card__sold{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;background:#1d1d1fbf;color:#fff;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px}.th-story{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}.th-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}.th-story__stage{position:sticky;top:max(96px,14vh);aspect-ratio:1;border-radius:40px;background:radial-gradient(circle at 50% 40%,#fff,var(--cr) 72%);overflow:hidden;box-shadow:inset 0 0 0 1px #fffc,0 40px 80px -40px #503c0a59}.th-story__img{position:absolute;top:0;right:0;bottom:0;left:0;padding:12%;opacity:0;transform:scale(.9) translate3d(0,24px,0);transition:opacity .8s var(--ease),transform 1s var(--ease)}.th-story__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.th-story__img.is-active{opacity:1;transform:none}.th-story__progress{position:absolute;inset-inline:28px;bottom:28px;display:flex;gap:6px}.th-story__progress span{flex:1;height:4px;border-radius:4px;background:#1d1d1f1a;overflow:hidden}.th-story__progress span:after{content:"";display:block;height:100%;width:0;background:var(--gr);transition:width .8s var(--ease)}.th-story__progress span.is-done:after{width:100%}.th-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:40px;opacity:.25;transition:opacity .6s var(--ease)}.th-step.is-active{opacity:1}.th-step__n{font-size:14px;font-weight:800;color:var(--gd);letter-spacing:.04em}.th-step__t{font-size:clamp(28px,3.4vw,46px)!important;line-height:1.25;margin-top:10px!important}.th-step__d{font-size:clamp(16px,1.5vw,19px);color:var(--ink2);margin-top:14px!important;max-width:44ch}.th-step__p{display:inline-flex;align-items:center;gap:16px;margin-top:26px;padding-block:8px;padding-inline:18px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px -18px #0000004d;transition:transform .4s var(--ease),box-shadow .4s;max-width:100%}.th-step__p:hover{transform:translateY(-2px);box-shadow:0 16px 36px -18px #00000059}.th-step__p b{display:block;font-size:15px;line-height:1.4;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.th-step__p small{display:block;color:var(--grd);font-weight:700;font-size:14px}.th-step__go{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}.th-step__go svg{width:18px;height:18px}.th-step__mb{display:none}@media(max-width:899px){.th-story__grid{grid-template-columns:1fr}.th-story__stage{display:none}.th-step{min-height:0;opacity:1;padding-block:28px}.th-step__mb{display:block;width:100%;aspect-ratio:1;border-radius:28px;background:radial-gradient(circle at 50% 40%,#fff,var(--cr) 72%);margin-bottom:22px;padding:12%}.th-step__mb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}}.th-stats{background:radial-gradient(120% 140% at 0% 0%,#3d6d54 0%,var(--grd) 55%,#1f3d2d 100%);color:#fff}.th-stats .th-h2{color:#fff}.th-stats__grid{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:20px}.th-stat{padding:40px 28px;border-radius:var(--r);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);text-align:center}.th-stat__v{font-size:clamp(52px,6vw,84px);font-weight:900;line-height:1;color:var(--g);font-variant-numeric:tabular-nums;direction:ltr}.th-stat__l{margin-top:14px;font-size:17px;opacity:.88;font-weight:600}@media(max-width:749px){.th-stats__grid{grid-template-columns:1fr}}.th-steps{background:var(--bg)}.th-steps__wrap{position:relative}.th-steps__line{position:absolute;top:44px;left:16.66%;right:16.66%;height:2px;background:#1d1d1f14;border-radius:2px;overflow:hidden}.th-steps__line i{display:block;height:100%;background:linear-gradient(90deg,var(--gr),var(--g));transform:scaleX(var(--p,0));transform-origin:left;transition:transform .2s linear}.th[dir=rtl] .th-steps__line i{transform-origin:right;background:linear-gradient(270deg,var(--gr),var(--g))}.th-steps__list{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.th-stepc{display:flex;flex-direction:column;align-items:center;text-align:center}.th-stepc__ic{position:relative;width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 20px 40px -24px #00000040;color:var(--gr)}.th-stepc__ic svg{width:34px;height:34px}.th-stepc__n{position:absolute;top:-8px;inset-inline-end:-8px;width:28px;height:28px;border-radius:50%;background:var(--g);color:var(--ink);font-weight:900;font-size:13px;display:grid;place-items:center}.th-stepc h3{font-size:22px!important;margin-top:22px!important}.th-stepc p{color:var(--ink2);margin-top:8px!important;max-width:30ch}@media(max-width:749px){.th-steps__list{grid-template-columns:1fr;gap:44px}.th-steps__line{display:none}}.th-cta{background:var(--bg);padding-top:0}.th-cta__card{position:relative;overflow:hidden;border-radius:44px;padding:clamp(56px,8vw,110px) clamp(24px,6vw,80px);background:radial-gradient(120% 140% at 100% 0%,#5f9878 0%,var(--grd) 55%,#1f3d2d 100%);color:#fff;text-align:center;isolation:isolate;display:flex;flex-direction:column;align-items:center}.th-cta__glow{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(231,198,101,.5),transparent 65%);filter:blur(30px);top:-35%;inset-inline-start:-10%;z-index:-1;animation:th-drift 18s var(--ease) infinite alternate}.th-cta h2{font-size:clamp(32px,5vw,64px)!important;line-height:1.2;margin-top:18px!important;color:#fff}.th-cta p{margin:16px auto 0!important;max-width:46ch;opacity:.86;font-size:clamp(16px,1.6vw,20px)}.th-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.th-toast{position:fixed;z-index:2147483000;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;padding:10px 10px 10px 20px;background:#1d1d1fd6;color:#fff;border-radius:999px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);font-weight:700;font-size:15px;box-shadow:0 20px 50px -20px #00000080;opacity:0;transform:translate3d(-50%,20px,0);transition:opacity .4s var(--ease),transform .5s var(--spring);pointer-events:none;max-width:calc(100% - 32px)}.th-toast[dir=rtl]{padding:10px 20px 10px 10px}.th-toast.is-on{opacity:1;transform:translate3d(-50%,0,0);pointer-events:auto}.th-toast a{background:var(--g);color:var(--ink)!important;padding:10px 18px;border-radius:999px;font-size:14px;white-space:nowrap}@media(max-width:767px){.th-toast{bottom:calc(76px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/th-sections.css.map */