[data-category-grid]{--cg-brand-accent: #FDC100;--cg-brand-black: #111111;--cg-padding-top: 80px;--cg-padding-bottom: 80px;--cg-padding-top-mobile: 40px;--cg-padding-bottom-mobile: 40px;position:relative;background:#fff;overflow:hidden;color:#0f172a;font-family:var(--bodyFont, var(--font-body-family, system-ui, -apple-system, sans-serif));box-sizing:border-box;padding-top:var(--cg-padding-top-mobile);padding-bottom:var(--cg-padding-bottom-mobile)}@media (min-width: 768px){[data-category-grid]{padding-top:var(--cg-padding-top);padding-bottom:var(--cg-padding-bottom)}}[data-category-grid] *,[data-category-grid] *:before,[data-category-grid] *:after{box-sizing:border-box;margin:0;padding:0}[data-category-grid] .cg-bg-blob{position:absolute;top:0;right:0;width:500px;height:500px;background:#f9fafb;border-radius:9999px;filter:blur(100px);transform:translate(50%,-50%);pointer-events:none}[data-category-grid] .cg-container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media (min-width: 768px){[data-category-grid] .cg-container{padding:0 5%}}[data-category-grid] .cg-header{display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-bottom:30px}@media (min-width: 768px){[data-category-grid] .cg-header{flex-direction:row;align-items:flex-end;gap:32px}}[data-category-grid] .cg-header-text{max-width:42rem;text-align:center}@media (min-width: 768px){[data-category-grid] .cg-header-text{text-align:left}}[data-category-grid] .cg-kicker{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;color:var(--cg-brand-accent);font-family:var(--bodyFont, var(--font-body-family));font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px;line-height:1}@media (min-width: 768px){[data-category-grid] .cg-kicker{justify-content:flex-start}}[data-category-grid] .cg-kicker:before{content:"";display:none;width:40px;height:3px;background:var(--cg-brand-accent);flex-shrink:0}@media (min-width: 768px){[data-category-grid] .cg-kicker:before{display:block}}[data-category-grid] .cg-title{margin:0 0 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--cg-brand-black);text-align:center}@media (min-width: 768px){[data-category-grid] .cg-title{text-align:left}}[data-category-grid] .cg-highlight{position:relative;display:inline;background:linear-gradient(to top,#FDC100 40%,transparent 40%);padding:0 6px;margin:0 -2px}[data-category-grid] .cg-subtitle{margin:0;color:#6b7280;font-size:14px;font-weight:500;line-height:1.5;font-family:var(--bodyFont, var(--font-body-family))}@media (min-width: 768px){[data-category-grid] .cg-subtitle{font-size:16px}}[data-category-grid] .cg-tabs{display:inline-flex;align-self:center;justify-content:center;gap:12px;padding:5px 2px;width:100%}@media (min-width: 768px){[data-category-grid] .cg-tabs{align-self:flex-end;justify-content:flex-end;width:auto}}[data-category-grid] .cg-tab{border:1px solid #e5e7eb;background:#fff;padding:14px 28px;border-radius:12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:var(--bodyFont, var(--font-body-family));white-space:nowrap}@media (min-width: 768px){[data-category-grid] .cg-tab{padding:14px 40px}}[data-category-grid] .cg-tab:hover{border-color:#000;color:#000}[data-category-grid] .cg-tab.is-active{background:#111;color:#fff;border-color:#111}[data-category-grid] .cg-content{min-height:400px}@media (min-width: 768px){[data-category-grid] .cg-content{min-height:500px}}[data-category-grid] .cg-view{display:none}[data-category-grid] .cg-view.is-active{display:block}[data-category-grid] .cg-grid{display:grid;gap:12px}[data-category-grid] .cg-grid--goals{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){[data-category-grid] .cg-grid--goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width: 1024px){[data-category-grid] .cg-grid--goals{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}[data-category-grid] .cg-grid--categories{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){[data-category-grid] .cg-grid--categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width: 1024px){[data-category-grid] .cg-grid--categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}[data-category-grid] .cg-card{position:relative;display:block;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .5s ease,box-shadow .5s ease;border:1px solid #e1e1e1;text-decoration:none;color:inherit}@media (min-width: 768px){[data-category-grid] .cg-card{border-radius:2.5rem}}[data-category-grid] .cg-card:hover{text-decoration:none}[data-category-grid] .cg-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease-out}[data-category-grid] .cg-placeholder-bg{background:linear-gradient(135deg,#374151,#1f2937)}[data-category-grid] .cg-goal-card{height:280px;background:var(--cg-brand-black);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (min-width: 768px){[data-category-grid] .cg-goal-card{height:500px}}[data-category-grid] .cg-goal-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}@media (min-width: 768px){[data-category-grid] .cg-goal-card:hover{transform:translateY(-8px)}}[data-category-grid] .cg-goal-card .cg-card-image{opacity:.9}[data-category-grid] .cg-goal-card:hover .cg-card-image{transform:scale(1.1)}[data-category-grid] .cg-goal-gradient{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;transition:opacity .5s ease}[data-category-grid] .cg-goal-card:hover .cg-goal-gradient{opacity:.7}[data-category-grid] .cg-goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4) 50%,transparent);opacity:.8}[data-category-grid] .cg-goal-links{position:absolute;top:0;left:0;width:100%;padding:12px;z-index:20;transform:translateY(0);opacity:1}@media (min-width: 768px){[data-category-grid] .cg-goal-links{padding:1.5rem;transform:translateY(-100%);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}[data-category-grid] .cg-goal-card:hover .cg-goal-links{transform:translateY(0);opacity:1}}[data-category-grid] .cg-goal-links-inner{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}@media (min-width: 768px){[data-category-grid] .cg-goal-links-inner{gap:8px}}[data-category-grid] .cg-goal-link{font-size:9px;font-weight:700;font-family:var(--bodyFont, var(--font-body-family));background:#fff3;color:#fff;padding:4px 8px;border-radius:9999px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:color .3s ease,background .3s ease;box-shadow:0 4px 10px #0000001a;cursor:pointer}@media (min-width: 768px){[data-category-grid] .cg-goal-link{font-size:10px;padding:4px 12px}}[data-category-grid] .cg-goal-link:hover{background:#fff;color:var(--cg-brand-black)}[data-category-grid] .cg-goal-body{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;z-index:10}@media (min-width: 768px){[data-category-grid] .cg-goal-body{padding:2rem}}[data-category-grid] .cg-goal-content{transition:transform .5s ease}@media (min-width: 768px){[data-category-grid] .cg-goal-card:hover .cg-goal-content{transform:translateY(-1rem)}}[data-category-grid] .cg-goal-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px;box-shadow:0 10px 15px -5px #0000001a}@media (min-width: 768px){[data-category-grid] .cg-goal-icon{width:56px;height:56px;border-radius:16px;margin-bottom:24px}}[data-category-grid] .cg-goal-title{margin:0 0 8px;color:#fff;font-size:20px;font-weight:900;font-family:var(--bodyFont, var(--font-body-family));text-transform:uppercase;letter-spacing:-.5px;line-height:.9}@media (min-width: 768px){[data-category-grid] .cg-goal-title{font-size:36px;margin-bottom:12px;letter-spacing:-1px}}[data-category-grid] .cg-goal-title span{display:block}[data-category-grid] .cg-goal-desc{margin:0;color:#ffffffb3;font-size:11px;font-weight:500;font-family:var(--bodyFont, var(--font-body-family));line-height:1.4;max-width:200px;border-left:2px solid var(--cg-brand-accent);padding-left:8px}@media (min-width: 768px){[data-category-grid] .cg-goal-desc{font-size:14px;padding-left:12px}}[data-category-grid] .cg-goal-action{position:absolute;bottom:2rem;right:2rem;width:48px;height:48px;background:#fff;border-radius:9999px;display:none;align-items:center;justify-content:center;color:var(--cg-brand-black);box-shadow:0 10px 15px -5px #0000001a;z-index:15}@media (min-width: 768px){[data-category-grid] .cg-goal-action{display:flex;opacity:0;transform:scale(.5);transition:all .5s ease;transition-delay:.1s}[data-category-grid] .cg-goal-card:hover .cg-goal-action{opacity:1;transform:scale(1)}}[data-category-grid] .cg-goal-action:hover{background:var(--cg-brand-accent)}[data-category-grid] .cg-cat-card{height:180px;background:#111827;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (min-width: 768px){[data-category-grid] .cg-cat-card{height:320px}}[data-category-grid] .cg-cat-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}@media (min-width: 768px){[data-category-grid] .cg-cat-card:hover{transform:translateY(-8px)}}[data-category-grid] .cg-cat-card .cg-card-image{opacity:.8;transition:transform .7s ease-out}[data-category-grid] .cg-cat-card:hover .cg-card-image{transform:scale(1.1)}[data-category-grid] .cg-cat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.2) 60%,transparent)}[data-category-grid] .cg-cat-accent{position:absolute;top:0;left:0;width:100%;height:4px;transform:scaleX(1)}@media (min-width: 768px){[data-category-grid] .cg-cat-accent{height:6px;transform-origin:left;transform:scaleX(0);transition:transform .5s ease}[data-category-grid] .cg-cat-card:hover .cg-cat-accent{transform:scaleX(1)}}[data-category-grid] .cg-cat-body{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}@media (min-width: 768px){[data-category-grid] .cg-cat-body{padding:2rem}}[data-category-grid] .cg-cat-content{transition:transform .5s ease}@media (min-width: 768px){[data-category-grid] .cg-cat-card:hover .cg-cat-content{transform:translateY(-8px)}}[data-category-grid] .cg-cat-title{margin:0 0 4px;color:#fff;font-size:16px;font-weight:900;font-family:var(--bodyFont, var(--font-body-family));text-transform:uppercase;letter-spacing:-.5px;line-height:1}@media (min-width: 768px){[data-category-grid] .cg-cat-title{font-size:30px;margin-bottom:8px;letter-spacing:-1px}}[data-category-grid] .cg-cat-meta{display:flex;align-items:center;gap:8px}@media (min-width: 768px){[data-category-grid] .cg-cat-meta{gap:12px}}[data-category-grid] .cg-cat-line{width:20px;height:3px;border-radius:9999px;flex-shrink:0}@media (min-width: 768px){[data-category-grid] .cg-cat-line{width:32px;height:4px}}[data-category-grid] .cg-cat-desc{margin:0;color:#d1d5db;font-size:10px;font-weight:700;font-family:var(--bodyFont, var(--font-body-family));text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){[data-category-grid] .cg-cat-desc{font-size:12px}}[data-category-grid] .cg-cat-action{position:absolute;bottom:2rem;right:2rem;display:none;align-items:center;gap:8px;z-index:5}@media (min-width: 768px){[data-category-grid] .cg-cat-action{display:flex;opacity:0;transform:translate(1rem);transition:all .3s ease;transition-delay:.1s}[data-category-grid] .cg-cat-card:hover .cg-cat-action{opacity:1;transform:translate(0)}}[data-category-grid] .cg-cat-action-text{font-size:10px;font-weight:700;font-family:var(--bodyFont, var(--font-body-family));color:#fff;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){[data-category-grid] .cg-cat-action-text{font-size:12px;letter-spacing:1px}}[data-category-grid] .cg-cat-action-icon{width:32px;height:32px;border-radius:9999px;background:#fff;color:var(--cg-brand-black);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px #0000001a}@media (min-width: 768px){[data-category-grid] .cg-cat-action-icon{width:40px;height:40px}}[data-category-grid] .cg-animate{animation:cg-fade-slide .7s cubic-bezier(.16,1,.3,1)}@keyframes cg-fade-slide{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}[data-category-grid] .cg-icon{display:block;flex-shrink:0;stroke:currentColor;fill:none}[data-category-grid] .cg-goal-icon svg{stroke:#fff;fill:none}[data-category-grid] .cg-goal-action svg,[data-category-grid] .cg-cat-action-icon svg{stroke:var(--cg-brand-black);fill:none}[data-category-grid] .cg-icon--sm{width:14px;height:14px}[data-category-grid] .cg-icon--md{width:20px;height:20px}@media (min-width: 768px){[data-category-grid] .cg-icon--md{width:28px;height:28px}}[data-category-grid] .cg-icon--lg{width:16px;height:16px}@media (min-width: 768px){[data-category-grid] .cg-icon--lg{width:20px;height:20px}}[data-category-grid] .cg-icon--xs{width:14px;height:14px}@media (min-width: 768px){[data-category-grid] .cg-icon--xs{width:16px;height:16px}}[data-category-grid] .cg-icon--custom{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}@media (min-width: 768px){[data-category-grid] .cg-icon--custom{width:32px;height:32px}}[data-category-grid] .cg-gradient-blue{background:linear-gradient(to top,#1e3a8acc,#0f172ae6)}[data-category-grid] .cg-gradient-orange{background:linear-gradient(to top,#7c2d12cc,#7f1d1de6)}[data-category-grid] .cg-gradient-green{background:linear-gradient(to top,#14532dcc,#064e3be6)}[data-category-grid] .cg-gradient-purple{background:linear-gradient(to top,#312e81cc,#4c1d95e6)}[data-category-grid] .cg-accent-blue{background:#3b82f6}[data-category-grid] .cg-accent-indigo{background:#6366f1}[data-category-grid] .cg-accent-red{background:#ef4444}[data-category-grid] .cg-accent-green{background:#22c55e}[data-category-grid] .cg-accent-emerald{background:#10b981}[data-category-grid] .cg-accent-orange{background:#f97316}
/*# sourceMappingURL=/cdn/shop/t/167/assets/category-grid.css.map */