.cat-hero{background-color:var(--color-card);border-bottom:1px solid var(--color-border)}.cat-hero__inner{max-width:1280px;margin:0 auto;padding:3.5rem 1rem;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media screen and (min-width:1024px){.cat-hero__inner{grid-template-columns:1fr 1fr;padding:5rem 2rem}}.cat-hero__badge{display:inline-flex;align-items:center;font-family:var(--font-heading);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:9999px;padding:6px 16px;margin-bottom:1.25rem}.cat-hero__title{font-family:var(--font-heading);font-size:1.75rem;font-weight:900;letter-spacing:-.02em;line-height:1.15;color:var(--color-text);margin:0}@media screen and (min-width:640px){.cat-hero__title{font-size:2.25rem}}@media screen and (min-width:1024px){.cat-hero__title{font-size:2.75rem}}.cat-hero__desc{font-family:var(--font-body);font-size:1rem;color:var(--color-text-muted);line-height:1.7;margin:1.25rem 0 0;max-width:35rem}@media screen and (min-width:640px){.cat-hero__desc{font-size:1.0625rem}}.cat-hero__trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}.cat-trust-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.75rem;font-weight:500;color:#0d0d0dcc;background-color:var(--color-muted);border:1px solid var(--color-border);border-radius:9999px;padding:5px 12px;white-space:nowrap}.cat-hero__ctas{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}@media screen and (min-width:640px){.cat-hero__ctas{flex-direction:row;flex-wrap:wrap}}.cat-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.875rem;padding:0 2rem;height:48px;border-radius:12px;box-shadow:0 10px 20px -4px color-mix(in srgb,var(--color-primary) 30%,transparent);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,transform .1s ease}.cat-btn-primary:hover{background-color:color-mix(in srgb,var(--color-primary) 85%,black)}.cat-btn-primary:active{transform:scale(.97)}.cat-btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.cat-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;color:var(--color-text);font-family:var(--font-heading);font-weight:600;font-size:.875rem;padding:0 2rem;height:48px;border:1px solid var(--color-border);border-radius:12px;text-decoration:none;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.cat-btn-secondary:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-primary)}.cat-btn-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.cat-hero__img-wrap{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;background-color:var(--color-muted)}.cat-hero__img{width:100%;height:100%;object-fit:cover;display:block}.cat-hero__img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#0d0d0d4d;font-family:var(--font-body);font-size:.8125rem}.cat-hero__float-badge{position:absolute;bottom:1rem;left:1rem;background-color:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:12px;padding:.625rem 1rem;box-shadow:0 4px 12px #0000001a}.cat-hero__float-title{font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.4}.cat-hero__float-sub{font-family:var(--font-body);font-size:.6875rem;color:var(--color-text-muted);margin:2px 0 0;line-height:1.4}.cat-stats-bar{background-color:var(--color-primary);padding:.875rem 1rem}@media screen and (min-width:640px){.cat-stats-bar{padding:1.25rem 1rem}}.cat-stats__grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media screen and (min-width:640px){.cat-stats__grid{grid-template-columns:repeat(4,1fr);gap:0}}.cat-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .5rem}@media screen and (min-width:640px){.cat-stat+.cat-stat{border-left:1px solid rgba(255,255,255,.2)}}.cat-stat__value{font-family:var(--font-heading);font-size:1.25rem;font-weight:900;color:#fff;line-height:1}@media screen and (min-width:480px){.cat-stat__value{font-size:1.5rem}}@media screen and (min-width:640px){.cat-stat__value{font-size:2rem}}.cat-stat__label{font-family:var(--font-body);font-size:.6875rem;color:#ffffffbf;font-weight:500;margin-top:3px}@media screen and (min-width:640px){.cat-stat__label{font-size:.75rem;margin-top:4px}}@media(prefers-reduced-motion:reduce){.cat-btn-primary,.cat-btn-secondary{transition:none}}@media screen and (max-width:639px){.cat-hero__badge{font-size:.625rem;letter-spacing:.06em;line-height:1.4}.cat-hero__desc{font-size:.9375rem;line-height:1.6;margin-top:1rem}.cat-hero__trust{gap:.375rem;margin-top:1.25rem}.cat-trust-pill{font-size:.6875rem;padding:4px 10px;gap:5px}.cat-hero__ctas{margin-top:1.5rem;gap:.625rem}}.cat-hero__badge{background:none!important;border:none!important;padding:0!important}@media screen and (min-width:640px){.cat-hero__ctas{flex-direction:row;flex-wrap:wrap;align-items:center}}.cat-hero__inner--v2{align-items:start;gap:1.5rem}@media screen and (min-width:1024px){.cat-hero__inner--v2{grid-template-columns:1fr 1fr;grid-template-areas:"head img" "actions img";grid-template-rows:auto 1fr;column-gap:3.5rem;row-gap:1.5rem;align-items:start}.cat-hero__head{grid-area:head}.cat-hero__inner--v2 .cat-hero__img-wrap{grid-area:img}.cat-hero__actions{grid-area:actions}}.cat-hero__trust--grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.cat-trust-item{display:flex;align-items:center;gap:.625rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--color-text);padding:.8rem .5rem .8rem .25rem}.cat-trust-item:nth-child(odd){border-right:1px solid var(--color-border)}.cat-trust-item:nth-child(2n){padding-left:1rem}.cat-trust-item:nth-child(n+3){border-top:1px solid var(--color-border)}.cat-trust-item svg{width:18px;height:18px;stroke:var(--color-primary);fill:none;flex-shrink:0}.cat-hero__inner--v2 .cat-hero__ctas{margin-top:1.5rem}@media screen and (max-width:639px){.cat-hero__inner--v2 .cat-hero__ctas{flex-direction:row;flex-wrap:wrap;gap:.75rem}.cat-hero__inner--v2 .cat-btn-primary{flex:1 1 100%}.cat-hero__inner--v2 .cat-btn-secondary{flex:1 1 calc(50% - .375rem);padding:0 .5rem}}@media screen and (min-width:640px){.cat-btn-sample{border:none;padding:0 .25rem;color:var(--color-primary);font-weight:700}.cat-btn-sample:hover{color:color-mix(in srgb,var(--color-primary) 75%,black);text-decoration:underline;border:none}}.cat-hero__note{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);margin:.875rem 0 0;text-align:center}@media screen and (min-width:640px){.cat-hero__note{text-align:left}}.cat-hero__float-badge{display:flex;align-items:center;gap:.625rem}.cat-hero__float-icon{width:22px;height:22px;stroke:var(--color-primary);fill:none;flex-shrink:0}.cat-hero__inner--v2{padding:2.25rem 1rem 3.25rem}@media screen and (min-width:1024px){.cat-hero__inner--v2{padding:6rem 2rem}}@media screen and (max-width:479px){.cat-trust-item{font-size:.75rem;gap:.5rem;padding:.7rem .25rem}.cat-trust-item:nth-child(2n){padding-left:.75rem}.cat-trust-item svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/category-hero.css.map */