.customisation-carousel{--carousel-bg: #f8fafc;padding:var(--padding-top, 60px) 0 var(--padding-bottom, 60px);background:var(--carousel-bg)}.customisation-carousel__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.customisation-carousel__header{text-align:center;margin-bottom:2.5rem}.customisation-carousel__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin:0 0 .5rem}.customisation-carousel__heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.2}.customisation-carousel__subheading{font-size:1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.customisation-carousel__nav{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.customisation-carousel__nav-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;background:#fff;color:#475569;box-shadow:0 1px 3px #0000001a}.customisation-carousel__nav-pill:hover{background:#f1f5f9}.customisation-carousel__nav-pill.is-active{background:linear-gradient(135deg,var(--pill-color),var(--pill-color-dark));color:#fff;box-shadow:0 4px 15px #0003;transform:scale(1.05)}.customisation-carousel__nav-number{display:none}@media (min-width: 768px){.customisation-carousel__nav-number{display:inline}}.customisation-carousel__cards{position:relative}.customisation-carousel__card{display:none;position:relative;border-radius:1.5rem;overflow:hidden;background:linear-gradient(135deg,var(--card-bg),var(--card-bg-dark));box-shadow:0 25px 50px -12px #00000040}.customisation-carousel__card.is-active{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customisation-carousel__progress{position:absolute;top:0;left:0;right:0;height:4px;background:#fff3}.customisation-carousel__progress-fill{height:100%;width:var(--progress);background:#fff9;transition:width .5s ease}.customisation-carousel__card-inner{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem}@media (min-width: 768px){.customisation-carousel__card-inner{grid-template-columns:1fr 1fr;gap:3rem;padding:3rem 4rem;align-items:center}}.customisation-carousel__content{color:#fff}.customisation-carousel__step-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:500;margin-bottom:1rem}.customisation-carousel__step-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#fff;color:#0f172a;border-radius:9999px;font-size:.625rem;font-weight:700}.customisation-carousel__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;margin:0 0 .5rem;line-height:1.2}.customisation-carousel__subtitle{font-size:1.125rem;opacity:.85;margin:0 0 .75rem}.customisation-carousel__description{font-size:.9375rem;opacity:.75;line-height:1.6;margin:0 0 1.5rem}.customisation-carousel__cta-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.customisation-carousel__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .2s ease}.customisation-carousel__cta--primary{background:#fff;color:#0f172a;box-shadow:0 4px 15px #0003}.customisation-carousel__cta--primary:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.customisation-carousel__cta--secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.customisation-carousel__cta--secondary:hover{background:#ffffff4d;border-color:#fff9}.customisation-carousel__cta-icon{transition:transform .2s ease}.customisation-carousel__cta:hover .customisation-carousel__cta-icon{transform:translate(3px)}.customisation-carousel__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 768px){.customisation-carousel__options{gap:1rem}}@media (min-width: 1024px){.customisation-carousel__options:has(.customisation-carousel__option:nth-child(5)){grid-template-columns:repeat(3,1fr)}}.customisation-carousel__option{background:var(--option-bg, var(--options-bg, rgba(255,255,255,.15)));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.25rem;transition:all .3s ease;text-decoration:none;color:inherit;display:block}.customisation-carousel__option:hover{background:var(--option-bg-hover, var(--options-bg-hover, rgba(255,255,255,.25)));transform:translateY(-2px)}.customisation-carousel__option--custom-bg{-webkit-backdrop-filter:none;backdrop-filter:none}.customisation-carousel__option--link{cursor:pointer}.customisation-carousel__option-icon{font-size:1.75rem;display:block;margin-bottom:.75rem;transition:transform .3s ease}.customisation-carousel__option:hover .customisation-carousel__option-icon{transform:scale(1.1)}.customisation-carousel__option-name{color:var(--options-text, white);font-weight:600;font-size:.9375rem;margin:0 0 .25rem}.customisation-carousel__option-desc{color:var(--options-text-secondary, rgba(255,255,255,.7));font-size:.8125rem;margin:0}.customisation-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;background:#fff3;border:none;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;z-index:10}.customisation-carousel__arrow:hover{background:#ffffff59}.customisation-carousel__arrow--prev{left:.75rem}.customisation-carousel__arrow--next{right:.75rem}@media (min-width: 768px){.customisation-carousel__arrow{width:3rem;height:3rem}.customisation-carousel__arrow--prev{left:1rem}.customisation-carousel__arrow--next{right:1rem}}.customisation-carousel__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.customisation-carousel__dot{width:.5rem;height:.5rem;border-radius:9999px;background:#cbd5e1;border:none;cursor:pointer;transition:all .3s ease;padding:0}.customisation-carousel__dot:hover{background:#94a3b8}.customisation-carousel__dot.is-active{width:1.5rem;background:#1e293b}.customisation-carousel__autoplay-toggle{display:flex;justify-content:center;margin-top:1rem}.customisation-carousel__autoplay-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;font-size:.75rem;color:#64748b;padding:.5rem;transition:color .2s ease}.customisation-carousel__autoplay-btn:hover{color:#334155}.customisation-carousel__autoplay-play,.customisation-carousel__autoplay-pause{display:none}.customisation-carousel__autoplay-btn[data-playing=true] .customisation-carousel__autoplay-pause,.customisation-carousel__autoplay-btn[data-playing=false] .customisation-carousel__autoplay-play{display:block}@media (max-width: 640px){.customisation-carousel__card-inner{padding:1.5rem}.customisation-carousel__option{padding:1rem}.customisation-carousel__option-icon{font-size:1.5rem;margin-bottom:.5rem}.customisation-carousel__option-name{font-size:.8125rem}.customisation-carousel__option-desc{font-size:.75rem}.customisation-carousel__arrow{width:2rem;height:2rem}.customisation-carousel__arrow svg{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.customisation-carousel__card.is-active{animation:none}.customisation-carousel__nav-pill,.customisation-carousel__option,.customisation-carousel__cta,.customisation-carousel__arrow,.customisation-carousel__dot{transition:none}}.customisation-carousel__nav-pill:focus-visible,.customisation-carousel__cta:focus-visible,.customisation-carousel__arrow:focus-visible,.customisation-carousel__dot:focus-visible,.customisation-carousel__autoplay-btn:focus-visible{outline:2px solid white;outline-offset:2px}.customisation-carousel__option:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-customisation-carousel.css.map */