.clikt-c3d{padding:2rem 0 3rem}.clikt-c3d__panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:5rem;align-items:start;padding:5rem 5.5rem;background:#eae3d8;border-radius:2.4rem}.clikt-c3d__eyebrow{margin:0 0 1.4rem;font-size:1.15rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--clikt-tan-ink, #7c5e3b)}.clikt-c3d__heading{margin:0 0 1.6rem;font-size:clamp(2.8rem,3.6vw,4.4rem);font-weight:300;line-height:1.02;letter-spacing:-.02em;color:inherit}.clikt-c3d__lead{margin:0 0 3.4rem;max-width:46rem;font-size:1.55rem;line-height:1.65;opacity:.94}.clikt-c3d__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem;margin:0 0 3.6rem;padding:0;list-style:none}.clikt-c3d__step{position:relative}.clikt-c3d__step+.clikt-c3d__step:before{content:"";position:absolute;top:2.4rem;left:-1.5rem;width:1.1rem;height:1.1rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg);opacity:.3}.clikt-c3d__step-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin-bottom:1.6rem;color:#332e2e}.clikt-c3d__step-icon svg{width:3.4rem;height:3.4rem}.clikt-c3d__step-icon--product{width:5.4rem;height:5.4rem;border-radius:1.2rem;overflow:hidden;background:#fff;box-shadow:0 1px #332e2e0f,0 12px 26px -20px #332e2e80}.clikt-c3d__step-icon--product img{width:100%;height:100%;object-fit:contain;padding:.45rem}.clikt-c3d__step-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;width:4.2rem;height:4.2rem}.clikt-c3d__step-swatches span{border-radius:.5rem;background:var(--sw, #ccc)}.clikt-c3d__step-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.25}.clikt-c3d__step-n{color:inherit;opacity:.94}.clikt-c3d__step-text{margin:0;font-size:1.35rem;line-height:1.5;opacity:.94}.clikt-c3d__cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:2rem 2.6rem}.clikt-c3d__cta{display:inline-flex;align-items:center;gap:1.4rem;padding:1.5rem 2.6rem;background:#2b2724;color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;line-height:1;transition:background-color .35s ease}.clikt-c3d__cta:hover{background:#95744f}.clikt-c3d__cta-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}.clikt-c3d__cta:hover .clikt-c3d__cta-arrow{transform:translate(5px)}.clikt-c3d__tagline{font-size:1.5rem;font-style:italic;opacity:.94}.clikt-c3d__card{display:grid;padding:2.4rem;background:#fff;border-radius:2rem;box-shadow:0 1px #332e2e0d,0 40px 80px -50px #332e2e80}.clikt-c3d__slide{grid-area:1 / 1;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.clikt-c3d__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease}@media(prefers-reduced-motion:reduce){.clikt-c3d__slide{transition:none}}.clikt-c3d__card-media{height:24rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:.4rem;background:#fff;border-radius:1.2rem;overflow:hidden}.clikt-c3d__card-media video{max-width:100%;max-height:100%;width:auto;height:auto}.clikt-c3d__card-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform:translateY(var(--ty, 0)) scale(var(--z, 1));transform-origin:center}.clikt-c3d__card-title{margin:0 0 1.4rem;font-size:1.9rem;font-weight:500;letter-spacing:-.01em}.clikt-c3d__swatches{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.2rem}.clikt-c3d__swatch{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--sw, #ccc);box-shadow:inset 0 0 0 1px #332e2e1f}.clikt-c3d__card-link{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.9rem;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--clikt-tan-ink, #7c5e3b)}.clikt-c3d__card-link span{transition:transform .35s cubic-bezier(.22,1,.36,1)}.clikt-c3d__card-link:hover span{transform:translate(4px)}@media screen and (max-width:989px){.clikt-c3d__panel{grid-template-columns:1fr;gap:3.4rem;padding:3.4rem 2.4rem;border-radius:1.8rem}.clikt-c3d__steps{grid-template-columns:repeat(2,1fr);gap:2.8rem 2rem}.clikt-c3d__step+.clikt-c3d__step:before{display:none}.clikt-c3d__card{order:-1}}@media screen and (max-width:479px){.clikt-c3d__steps{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-clikt-customise-3d.css.map */