.ssi{--ink: #24242e;--purple: #3f3275;--muted: #62616a;color:var(--ink);font-size:16px;line-height:1.6}.ssi *,.ssi *:before,.ssi *:after{box-sizing:border-box}.ssi__wrap{width:min(100% - 40px,1280px);margin-inline:auto}.ssi h1,.ssi h2,.ssi h3,.ssi p{margin-top:0}.ssi h1,.ssi h2,.ssi h3{color:inherit;line-height:1.13;letter-spacing:-.025em}.ssi h1{font-size:clamp(38px,4.5vw,66px);margin-bottom:24px}.ssi h2{font-size:clamp(30px,3vw,44px);margin-bottom:20px}.ssi h3{font-size:21px;margin-bottom:11px}.ssi p{margin-bottom:18px}.ssi__eyebrow{color:#7862ba;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:15px}.ssi__hero{background:#30275d;color:#fff}.ssi__hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px;align-items:stretch;gap:clamp(35px,5vw,85px)}.ssi__hero-copy{padding-block:clamp(64px,7vw,110px);align-self:center}.ssi__hero .ssi__eyebrow{color:#d7c9ff}.ssi__lead{font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:610px}.ssi__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 25px;margin:32px 0 27px}.ssi__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;border:2px solid transparent;border-radius:4px;padding:13px 22px;font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.ssi__button--light{background:#fff;color:#312663}.ssi__button--light:hover,.ssi__button--light:focus-visible{background:#ece5ff;color:#312663}.ssi__button--dark{background:var(--purple);color:#fff}.ssi__button--dark:hover,.ssi__button--dark:focus-visible{background:#2d225d;color:#fff}.ssi__text-link{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}.ssi__text-link:hover{color:#e7ddff}.ssi__hero-note{color:#e5e0f3;font-size:13px;max-width:540px;margin:0}.ssi__hero-image,.ssi__feature-image{min-height:400px;position:relative;overflow:hidden;background:#eae7f1}.ssi__hero-image img,.ssi__feature-image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.ssi__image-label{position:absolute;left:22px;bottom:22px;background:#fff;color:#30275d;padding:10px 14px;font-size:12px;letter-spacing:.08em;font-weight:700;text-transform:uppercase}.ssi__benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px;border-bottom:1px solid #e7e4ec}.ssi__benefits>div{padding:8px 24px;border-right:1px solid #e7e4ec}.ssi__benefits>div:first-child{padding-left:0}.ssi__benefits>div:last-child{border:0}.ssi__benefits strong,.ssi__benefits span{display:block}.ssi__benefits strong{color:var(--purple);font-size:16px}.ssi__benefits span{color:var(--muted);font-size:14px}.ssi__section{padding-block:clamp(68px,7vw,110px)}.ssi__section-heading{max-width:700px;margin-bottom:36px}.ssi__section-heading>p:last-child{color:var(--muted);font-size:18px}.ssi__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ssi__steps li{background:#f7f5fb;padding:clamp(25px,3vw,40px)}.ssi__step-number{display:block;color:#7862ba;font-weight:700;font-size:15px;margin-bottom:45px}.ssi__steps p,.ssi__feature-copy>p:not(.ssi__eyebrow),.ssi__detail-card p{color:var(--muted)}.ssi__steps p,.ssi__detail-card p{margin:0}.ssi__feature{background:#f6f4f9}.ssi__feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,95px);align-items:center}.ssi__feature-image{min-height:570px}.ssi__feature-copy{padding-block:70px;max-width:550px}.ssi__feature-copy ul{list-style:none;padding:0;margin:30px 0}.ssi__feature-copy li{padding:11px 0 11px 30px;position:relative;border-bottom:1px solid #e2deea}.ssi__feature-copy li:before{content:"\2713";position:absolute;left:0;color:#6c4daa;font-weight:700}.ssi__inline-link{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:5px}.ssi__related-link{color:var(--muted);font-size:14px;margin:20px 0 0}.ssi__related-link a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.ssi__details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ssi__detail-card{border:1px solid #e2deea;padding:clamp(26px,3vw,40px)}.ssi__enquiry{background:#edeaf4;padding-block:clamp(68px,7vw,110px);scroll-margin-top:24px}.ssi__enquiry-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,7vw,110px);align-items:start}.ssi__enquiry-copy{max-width:430px}.ssi__enquiry-copy a{color:var(--purple);font-weight:700;text-decoration:underline}.ssi__form-card{background:#fff;padding:clamp(24px,4vw,48px);box-shadow:0 14px 45px #30275d14}.ssi__form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ssi__field{margin-bottom:19px}.ssi__field label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.ssi__field input,.ssi__field select,.ssi__field textarea{width:100%;border:1px solid #aaa5b5;border-radius:3px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;line-height:1.4}.ssi__field input:focus-visible,.ssi__field select:focus-visible,.ssi__field textarea:focus-visible,.ssi__button:focus-visible,.ssi a:focus-visible{outline:3px solid #a484ed;outline-offset:2px}.ssi__field textarea{resize:vertical;min-height:130px}.ssi__form-help{color:var(--muted);font-size:13px;margin:0 0 22px}.ssi__form-message{padding:13px 16px;margin-bottom:24px}.ssi__form-message--success{background:#eaf6ee;color:#225b36}.ssi__form-message--error{background:#fff0f0;color:#9a3030}.ssi__form-message ul{margin:8px 0 0}@media(max-width:900px){.ssi__hero-grid,.ssi__feature-grid,.ssi__enquiry-grid{gap:35px}.ssi__hero-grid{min-height:500px}.ssi__feature-image{min-height:470px}}@media(max-width:749px){.ssi__wrap{width:min(100% - 32px,540px)}.ssi__hero-grid,.ssi__feature-grid,.ssi__enquiry-grid,.ssi__steps,.ssi__details-grid{grid-template-columns:1fr}.ssi__hero-grid,.ssi__feature-grid{gap:0}.ssi__hero-copy{padding-block:54px 40px}.ssi__hero-image{min-height:320px}.ssi__benefits{grid-template-columns:1fr;padding-block:15px}.ssi__benefits>div,.ssi__benefits>div:first-child{border-right:0;border-bottom:1px solid #e7e4ec;padding:15px 0}.ssi__benefits>div:last-child{border:0}.ssi__step-number{margin-bottom:22px}.ssi__feature-image{min-height:370px}.ssi__feature-copy{padding-block:48px 60px}.ssi__enquiry-grid{gap:20px}}@media(max-width:480px){.ssi__actions{align-items:stretch;flex-direction:column}.ssi__button{width:100%}.ssi__form-row{grid-template-columns:1fr;gap:0}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shower-installation-service.css.map */