@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}.patches-hero,.patches-hero *{box-sizing:border-box}.patches-hero{position:relative;overflow-x:hidden;isolation:isolate;background:var(--ph-bg, #0a0a0a);color:#fff;font-family:Inter,Inter Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.patches-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 18% 30%,color-mix(in srgb,var(--ph-accent, #63AF62) 22%,transparent),transparent 70%),radial-gradient(40% 40% at 95% 90%,color-mix(in srgb,var(--ph-accent, #63AF62) 14%,transparent),transparent 70%)}.patches-hero__bg{position:absolute;top:0;right:0;bottom:0;z-index:0;width:100%;max-width:var(--ph-bg-maxw, 1600px);height:100%;object-fit:cover;object-position:right;pointer-events:none}.patches-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;--ph-scrim: color-mix(in srgb, var(--ph-bg, #0a0a0a) calc(var(--ph-overlay, .4) * 100%), transparent);background:linear-gradient(to right,var(--ph-scrim) 0%,var(--ph-scrim) 40%,transparent 85%)}.patches-hero__split{display:block}.patches-hero__split-img{position:absolute;top:0;bottom:0;right:max(0px,(100% - 1400px) / 2);width:min(50%,700px);z-index:0;height:100%;object-fit:cover;pointer-events:none}@media(min-width:769px)and (max-width:1024px){.patches-hero--split .patches-hero__left{flex:0 0 50%}}@media(max-width:768px){.patches-hero__split-img{position:static;width:100%;height:auto}}.patches-hero__inner{display:flex;position:relative;z-index:1;max-width:1400px;min-height:var(--ph-height, 600px);margin:0 auto;padding-left:40px}.patches-hero__left{flex:0 0 45%;display:flex;flex-direction:column;justify-content:center;padding:60px 40px 60px 0}.patches-hero__badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;color:var(--ph-rating-color, #9ca3af)}.patches-hero__stars{color:#fbbf24;font-size:15px;letter-spacing:2px}.patches-hero__rating-num{color:#fff;font-weight:700}.patches-hero__title{margin:0 0 20px;font-size:var(--ph-heading-size, 52px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:var(--ph-heading-color, #fff)}.patches-hero__highlight{color:var(--ph-accent, #63AF62)}.patches-hero__subtitle{margin:0 0 28px;font-size:16px;line-height:1.6;color:var(--ph-subheading-color, #9ca3af)}.patches-hero__props{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px;margin:0 0 36px}.patches-hero__prop{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ph-props-color, #d1d5db)}.patches-hero__prop svg{width:20px;height:20px;color:var(--ph-accent, #63AF62);flex-shrink:0}.patches-hero__buttons{display:flex;gap:14px;flex-wrap:wrap}.patches-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .3s,box-shadow .3s,background .3s}.patches-hero__btn--primary{background:var(--ph-accent, #63AF62);color:#fff;box-shadow:0 4px 20px color-mix(in srgb,var(--ph-accent, #63AF62) 40%,transparent)}.patches-hero__btn--primary:hover{box-shadow:0 6px 30px color-mix(in srgb,var(--ph-accent, #63AF62) 50%,transparent);transform:translateY(-2px)}.patches-hero__btn--secondary{background:color-mix(in srgb,#ffffff 10%,transparent);color:#fff;border:1px solid color-mix(in srgb,#ffffff 18%,transparent)}.patches-hero__btn--secondary:hover{background:color-mix(in srgb,#ffffff 16%,transparent);transform:translateY(-2px)}.patches-hero__btn-arrow{width:18px;height:18px;flex-shrink:0;transition:transform .3s}.patches-hero__btn:hover .patches-hero__btn-arrow{transform:translate(3px)}.patches-hero__stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px}.patches-hero__stat{display:flex;flex-direction:column;gap:2px}.patches-hero__stat-value{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:var(--ph-stat-value-color, #fff)}.patches-hero__stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ph-stat-label-color, #9ca3af)}.patches-hero__right{flex:1;position:relative;min-width:0;overflow:hidden}.patches-hero__cols{display:flex;align-items:flex-start;gap:16px;height:var(--ph-height, 600px);padding:0 20px;overflow:hidden}.patches-hero__col{flex:1;min-width:160px;display:flex;flex-direction:column;will-change:transform}.patches-hero__card{position:relative;flex-shrink:0;width:100%;margin-bottom:16px;aspect-ratio:3 / 4;border-radius:clamp(10px,1.2vw,16px);overflow:hidden;background:#1a1a2e}.patches-hero__img{display:block;width:100%;height:100%;object-fit:cover}.patches-hero__tag{position:absolute;left:10px;bottom:10px;z-index:2;max-width:calc(100% - 20px);padding:4px 10px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ph-tag-color, #63AF62)}@keyframes ph-scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes ph-scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes ph-scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ph-scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.patches-hero__mobile{display:none;position:relative;z-index:1}.patches-hero__row-wrap{width:100%;overflow:hidden}.patches-hero__row{display:flex;padding:6px 0;will-change:transform}.patches-hero__mobile .patches-hero__card{width:120px;height:160px;aspect-ratio:auto;margin-bottom:0;margin-right:12px}@media(prefers-reduced-motion:no-preference){.patches-hero__col--0{animation:ph-scrollUp 40s linear infinite}.patches-hero__col--1{animation:ph-scrollDown 35s linear infinite}.patches-hero__col--2{animation:ph-scrollUp 45s linear infinite}.patches-hero__row--0{animation:ph-scrollLeft 30s linear infinite}.patches-hero__row--1{animation:ph-scrollRight 35s linear infinite}}@media(max-width:1024px){.patches-hero__left{flex:0 0 55%;padding-right:20px}.patches-hero__props{white-space:normal}}@media(max-width:768px){.patches-hero__inner{flex-direction:column;min-height:auto;padding:0 20px}.patches-hero__left{flex:none;padding:28px 0 24px}.patches-hero__title{font-size:32px;line-height:1.15}.patches-hero__subtitle{font-size:15px}.patches-hero__props{grid-template-columns:1fr;gap:12px}.patches-hero__buttons{flex-direction:column}.patches-hero__btn{justify-content:center}.patches-hero__right{display:none}.patches-hero__mobile{display:block;overflow:hidden;padding-bottom:28px}.patches-hero__scrim{background:var(--ph-scrim)}}
/*# sourceMappingURL=/cdn/shop/t/228/assets/patches-hero.css.map */