.sb-system-grid{position:relative;overflow:hidden;background-color:var(--smileboxx-bg)}.sb-system-grid__header{text-align:center;margin-bottom:3.5rem}@media screen and (min-width:990px){.sb-system-grid__header{margin-bottom:5rem}}.sb-system-grid__eyebrow{font-size:1.15rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-extreme-white);margin:0 0 1.6rem;line-height:1}@media screen and (min-width:990px){.sb-system-grid__eyebrow{font-size:1.2rem;margin-bottom:2rem}}.sb-system-grid__title{font-family:var(--sb-hero-font, var(--font-heading-family));font-weight:900;font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--smileboxx-text);margin:0 0 1.2rem}.sb-system-grid__subtitle{font-size:1.5rem;line-height:1.6;color:var(--smileboxx-text-muted);font-weight:400;letter-spacing:.01em;max-width:48rem;margin:0 auto}@media screen and (min-width:990px){.sb-system-grid__subtitle{font-size:1.6rem}}.sb-system-grid__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:750px){.sb-system-grid__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (min-width:990px){.sb-system-grid__grid{grid-template-columns:repeat(4,1fr);gap:2.2rem}}@media screen and (min-width:1200px){.sb-system-grid__grid{gap:2.6rem}}.sb-system-grid__card{display:flex;flex-direction:column;text-decoration:none;color:var(--smileboxx-text);border-radius:var(--sb-card-radius);background-color:#fff;border:var(--sb-card-border);box-shadow:var(--sb-card-shadow);overflow:hidden;position:relative;cursor:pointer;transition:transform var(--sb-transition-smooth),box-shadow var(--sb-transition-smooth);will-change:transform}.sb-system-grid__card:hover{transform:translateY(-5px);box-shadow:var(--sb-card-shadow-hover)}.sb-system-grid__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;transition:height var(--sb-transition-default)}.sb-system-grid__card:hover:before{height:4px}.sb-system-grid__card--pink:before{background:var(--accent-extreme-white)}.sb-system-grid__card--green:before{background:var(--accent-smile-spot)}.sb-system-grid__card--blue:before{background:var(--accent-gro)}.sb-system-grid__card--purple:before{background:var(--accent-maintain)}.sb-system-grid__card--orange:before{background:var(--accent-future)}.sb-system-grid__card-visual{position:relative;width:100%;aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#00000002,#00000005)}.sb-system-grid__card--pink .sb-system-grid__card-visual{background:linear-gradient(180deg,#ff2d8d06,#ff2d8d02)}.sb-system-grid__card--green .sb-system-grid__card-visual{background:linear-gradient(180deg,#00c85306,#00c85302)}.sb-system-grid__card--blue .sb-system-grid__card-visual{background:linear-gradient(180deg,#2962ff06,#2962ff02)}.sb-system-grid__card--purple .sb-system-grid__card-visual{background:linear-gradient(180deg,#7b1fa206,#7b1fa202)}.sb-system-grid__card--orange .sb-system-grid__card-visual{background:linear-gradient(180deg,#d8431506,#d8431502)}.sb-system-grid__card-glow{position:absolute;width:65%;height:45%;border-radius:50%;filter:blur(36px);opacity:0;bottom:10%;left:50%;transform:translate(-50%);transition:opacity var(--sb-transition-smooth);pointer-events:none;z-index:0}.sb-system-grid__card--pink .sb-system-grid__card-glow{background:var(--accent-extreme-white)}.sb-system-grid__card--green .sb-system-grid__card-glow{background:var(--accent-smile-spot)}.sb-system-grid__card--blue .sb-system-grid__card-glow{background:var(--accent-gro)}.sb-system-grid__card--purple .sb-system-grid__card-glow{background:var(--accent-maintain)}.sb-system-grid__card--orange .sb-system-grid__card-glow{background:var(--accent-future)}.sb-system-grid__card:hover .sb-system-grid__card-glow{opacity:.12}.sb-system-grid__card-image{width:auto;height:85%;max-width:85%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 16px rgba(0,0,0,.1));transition:transform var(--sb-transition-smooth),filter var(--sb-transition-smooth);will-change:transform}.sb-system-grid__card:hover .sb-system-grid__card-image{transform:translateY(-3px) scale(1.03);filter:drop-shadow(0 10px 24px rgba(0,0,0,.13))}.sb-system-grid__card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sb-system-grid__card-placeholder-shape{width:3.2rem;height:11rem;border-radius:1.6rem;opacity:.1}.sb-system-grid__card--pink .sb-system-grid__card-placeholder-shape{background:var(--accent-extreme-white)}.sb-system-grid__card--green .sb-system-grid__card-placeholder-shape{background:var(--accent-smile-spot)}.sb-system-grid__card--blue .sb-system-grid__card-placeholder-shape{background:var(--accent-gro)}.sb-system-grid__card--purple .sb-system-grid__card-placeholder-shape{background:var(--accent-maintain)}.sb-system-grid__card--orange .sb-system-grid__card-placeholder-shape{background:var(--accent-future)}.sb-system-grid__card-info{width:100%;padding:1.8rem 2rem 2rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0}.sb-system-grid__card-dot{width:.6rem;height:.6rem;border-radius:50%;margin-bottom:1rem;flex-shrink:0}.sb-system-grid__card--pink .sb-system-grid__card-dot{background:var(--accent-extreme-white)}.sb-system-grid__card--green .sb-system-grid__card-dot{background:var(--accent-smile-spot)}.sb-system-grid__card--blue .sb-system-grid__card-dot{background:var(--accent-gro)}.sb-system-grid__card--purple .sb-system-grid__card-dot{background:var(--accent-maintain)}.sb-system-grid__card--orange .sb-system-grid__card-dot{background:var(--accent-future)}.sb-system-grid__card-title{font-size:1.5rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--smileboxx-text);margin:0 0 .4rem;line-height:1.2}.sb-system-grid__card-desc{font-size:1.25rem;font-weight:400;line-height:1.55;color:var(--smileboxx-text-muted);margin:0}.sb-system-grid__card-arrow{display:flex;align-items:center;margin-top:1.2rem;color:var(--smileboxx-text);opacity:0;transform:translate(-4px);transition:opacity var(--sb-transition-default),transform var(--sb-transition-default)}.sb-system-grid__card:hover .sb-system-grid__card-arrow{opacity:.5;transform:translate(0)}.sb-system-grid__card-arrow svg{width:1.6rem;height:1.6rem}@media screen and (min-width:990px){.sb-system-grid__card-info{padding:1.6rem 1.6rem 1.8rem}.sb-system-grid__card-title{font-size:1.4rem}.sb-system-grid__card-desc{font-size:1.2rem}}@media screen and (max-width:749px){.sb-system-grid__card-visual{aspect-ratio:1 / 1}.sb-system-grid__card-image{height:75%;max-width:60%}.sb-system-grid__card-info{padding:1.8rem 1.8rem 2rem}.sb-system-grid__card-title{font-size:1.6rem;margin-bottom:.5rem}.sb-system-grid__card-desc{font-size:1.4rem;line-height:1.55}.sb-system-grid__card-arrow{opacity:.35;transform:none}.sb-system-grid__grid{gap:1.6rem}}@media screen and (max-width:479px){.sb-system-grid__card-placeholder-shape{width:2.6rem;height:8rem}.sb-system-grid__card-visual{aspect-ratio:5 / 4}}@media(prefers-reduced-motion:reduce){.sb-system-grid__card{will-change:auto}.sb-system-grid__card:hover,.sb-system-grid__card:hover .sb-system-grid__card-image{transform:none}.sb-system-grid__card-arrow{opacity:.4;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-smileboxx-system-grid.css.map */