@import url('poppins.css');
.spf-root{--ink:#171717;--muted:#666;--line:#e5e5e5;--blue:#009bdd;--gold:#e8b91e;--pink:#e50064;max-width:1180px;margin:0 auto;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;background:#fff;isolation:isolate}.spf-root *{box-sizing:border-box}.spf-root [hidden]{display:none!important}.spf-root button,.spf-root a{font:inherit}.spf-root button{cursor:pointer}.spf-root button:focus-visible,.spf-root a:focus-visible{outline:3px solid #008cce;outline-offset:5px}.spf-root .spf-header{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.spf-root .spf-logo{width:214px;height:auto}.spf-root .spf-tag{font-size:11px;letter-spacing:2px;font-weight:700}.spf-root .spf-body{padding:54px 54px 34px}.spf-root .spf-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 16px}.spf-root h1,.spf-root h2,.spf-root h3{font-family:Arial,Helvetica,sans-serif;color:var(--ink);text-transform:none;letter-spacing:-1.7px;font-weight:800;line-height:1.08;margin:0 0 22px}.spf-root h1{font-size:clamp(42px,5vw,68px)}.spf-root h2{font-size:clamp(30px,4vw,44px)}.spf-root h3{font-size:32px}.spf-root p{margin:0 0 20px}.spf-root .spf-muted{color:var(--muted)}.spf-root .spf-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:440px}.spf-root .spf-hero-copy>p:not(.spf-eyebrow){max-width:440px}.spf-root .spf-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#161616;color:#fff;border:1px solid #161616;border-radius:40px;padding:17px 27px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.5px;min-height:54px;transition:transform .2s,background .2s}.spf-root .spf-button:hover{background:#333;transform:translateY(-2px)}.spf-root .spf-small{font-size:12px;color:#6b6b6b}.spf-root .spf-bottles{position:relative;height:380px;display:flex;align-items:center;justify-content:center;gap:22px;border-radius:50%;background:radial-gradient(ellipse,#f0f5f7 0,#fafafa 52%,#fff 70%)}.spf-root .spf-bottles img{position:relative;object-fit:contain;height:265px;width:65px;filter:drop-shadow(9px 14px 9px #00000015)}.spf-root .spf-bottles img:nth-child(2){height:325px;transform:translateY(-12px)}.spf-root .spf-bottles img:nth-child(3){height:295px}.spf-root .spf-brandline{height:3px;background:linear-gradient(90deg,#009bdf 0 33.333%,#ff1835 33.333% 66.666%,#efbb00 66.666%)}.spf-root .spf-foot{display:flex;gap:25px;flex-wrap:wrap;padding:24px 0 0;border-top:1px solid var(--line);margin-top:30px;color:#666;font-size:12px}.spf-root .spf-progress{height:4px;background:#eee;border-radius:3px;margin:15px 0 34px;overflow:hidden}.spf-root .spf-progress>span{height:100%;display:block;background:var(--blue);transition:width .3s}.spf-root .spf-nav{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.spf-root .spf-back{background:none;border:0;padding:10px 0;color:#555;text-decoration:underline;font-size:13px}.spf-root .spf-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.spf-root .spf-option{appearance:none;text-align:left;border:1px solid #ddd;border-radius:12px;background:#fff;padding:23px;display:flex;gap:18px;align-items:center;color:#171717;transition:border .15s,background .15s;min-height:106px}.spf-root .spf-option:hover{border-color:#009bdd;background:#f5fbff}.spf-root .spf-option b{display:block;font-size:16px;margin-bottom:5px}.spf-root .spf-option small{display:block;color:#666;font-size:13px;line-height:1.45}.spf-root .spf-number{font-size:12px;border:1px solid #ddd;width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.spf-root .spf-result{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center}.spf-root .spf-product-image{height:365px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#f0f6f8,#fff 70%);border-bottom:3px solid var(--accent)}.spf-root .spf-product-image img{height:310px;width:100px;object-fit:contain;filter:drop-shadow(12px 14px 10px #0002)}.spf-root .spf-reason{padding-left:17px;border-left:3px solid var(--accent);font-size:15px}.spf-root .spf-result h2{font-size:clamp(32px,4.5vw,50px);overflow-wrap:anywhere}.spf-root .spf-box{background:#f5f5f5;border-radius:18px;padding:34px;display:grid;grid-template-columns:1fr 1.35fr;gap:35px;align-items:center;margin-top:45px}.spf-root .spf-box img{width:100%;max-height:250px;object-fit:contain}.spf-root .spf-box h3{font-size:28px;letter-spacing:-.8px}.spf-root .spf-pill{display:inline-block;color:var(--accent);font-weight:700;letter-spacing:1px;font-size:12px;text-transform:uppercase;margin-bottom:14px}.spf-root .spf-note{margin-top:24px;font-size:12px;color:#777}.spf-root .spf-appear{animation:spf-appear .3s ease-out}@keyframes spf-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spf-root *{animation:none!important;transition:none!important}}@media(max-width:650px){.spf-root .spf-header{padding:20px}.spf-root .spf-logo{width:180px}.spf-root .spf-tag{display:none}.spf-root .spf-body{padding:32px 20px 24px}.spf-root .spf-hero{grid-template-columns:1fr;gap:15px}.spf-root .spf-bottles{height:260px;gap:20px;grid-row:2}.spf-root .spf-bottles img{height:180px;width:48px}.spf-root .spf-bottles img:nth-child(2){height:220px}.spf-root .spf-bottles img:nth-child(3){height:200px}.spf-root .spf-options{grid-template-columns:1fr}.spf-root .spf-option{padding:18px;min-height:90px}.spf-root .spf-result,.spf-root .spf-box{grid-template-columns:1fr;gap:24px}.spf-root .spf-product-image{height:260px}.spf-root .spf-product-image img{height:240px}.spf-root .spf-box{padding:24px}.spf-root .spf-box img{max-height:185px}.spf-root .spf-button{width:100%;gap:18px}.spf-root .spf-foot{gap:12px}.spf-root h1{font-size:44px}}

/* v1.1: equal bottle baseline and clean navigation. */
.spf-root .spf-bottles img:nth-child(n){height:265px;transform:none}.spf-root .spf-back{text-decoration:none}.spf-root .spf-back:hover{color:#111}@media(max-width:650px){.spf-root .spf-bottles img:nth-child(n){height:180px;transform:none}}

/* v1.2: wider desktop composition, including inside boxed Elementor containers. */
@media(min-width:1200px){
 .spf-root{position:relative;left:50%;transform:translateX(-50%);width:min(1600px,calc(100vw - 96px));max-width:none;margin-left:0;margin-right:0}
 .spf-root .spf-body{padding:54px 36px 38px}
 .spf-root .spf-hero{grid-template-columns:1fr 1fr;gap:55px;min-height:510px}
 .spf-root .spf-hero-copy>p:not(.spf-eyebrow){max-width:510px}
 .spf-root .spf-bottles{height:440px;gap:26px}
 .spf-root .spf-bottles img:nth-child(n){height:330px;width:92px;transform:none}
 .spf-root h1{font-size:clamp(68px,4.5vw,82px)}
}
@media(min-width:1600px){
 .spf-root .spf-body{padding-left:20px;padding-right:20px}
 .spf-root .spf-hero{min-height:550px;gap:70px}
 .spf-root .spf-bottles{height:490px;gap:34px}
 .spf-root .spf-bottles img:nth-child(n){height:380px;width:106px;transform:none}
}

/* v1.3 refinements */
.spf-root .spf-match{color:#0a7cff}
.spf-root h1:before,.spf-root h1:after,.spf-root h2:before,.spf-root h2:after,.spf-root h3:before,.spf-root h3:after{display:none!important;content:none!important}
.spf-root .spf-options{grid-template-columns:minmax(0,1fr)}
.spf-root .spf-result,.spf-root .spf-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.spf-root .spf-result>div,.spf-root .spf-box>div{min-width:0;padding:24px 30px}
.spf-root .spf-product-image{width:100%;height:100%;min-height:440px;text-decoration:none}
.spf-root .spf-product-image img{height:370px;width:110px}
.spf-root .spf-box>a{display:flex;justify-content:center;align-items:center;padding:24px 30px}
.spf-root .spf-pill{font-size:24px;line-height:1.3}
.spf-root h2.spf-recommendation{text-align:center;font-size:clamp(38px,4.5vw,72px);margin:0 0 52px;font-weight:800}
.spf-root .spf-price{font-size:30px;font-weight:700;margin:22px 0 16px;line-height:1.4}
.spf-root .spf-price del{opacity:.5;font-size:20px}.spf-root .spf-price ins{text-decoration:none;background:none;color:inherit}
.spf-root .spf-price a{font-size:16px;color:#555}
.spf-root .spf-result .spf-button{display:flex;width:100%;white-space:normal;text-align:center;margin-bottom:12px}
.spf-root .spf-cart{background:#0a7cff;border-color:#0a7cff}.spf-root .spf-cart:hover{background:#0066df}
.spf-root .spf-analysis{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 10px}
.spf-root .spf-analysis-text{min-height:3.1em;max-width:650px;font-size:19px;color:#555}
.spf-root .spf-spinner{display:block;width:44px;height:44px;border:3px solid #e4e8ed;border-top-color:#0a7cff;border-radius:50%;animation:spf-spin .8s linear infinite;margin-bottom:25px}
@keyframes spf-spin{to{transform:rotate(360deg)}}
@media(min-width:651px){.spf-root .spf-body{padding-top:80px}}
@media(max-width:650px){.spf-root .spf-result,.spf-root .spf-box{grid-template-columns:minmax(0,1fr)}.spf-root .spf-result>div,.spf-root .spf-box>div{padding:22px 0}.spf-root .spf-box>a{padding:10px}.spf-root .spf-product-image{min-height:290px}.spf-root .spf-product-image img{height:260px;width:80px}.spf-root h2.spf-recommendation{font-size:38px;margin-bottom:30px}.spf-root .spf-pill{font-size:24px}.spf-root .spf-result h2:not(.spf-recommendation){font-size:32px;letter-spacing:-1px}.spf-root .spf-price{font-size:28px}}

.spf-root .spf-result .spf-button{display:block;overflow-wrap:anywhere}.spf-root .spf-result .spf-button span{margin-left:12px}@media(max-width:650px){.spf-root .spf-result .spf-button{font-size:12px;padding:16px 14px}}
.spf-root h2.spf-recommendation{overflow-wrap:anywhere}

/* v1.3.1: tighter result heading and price immediately below the product name. */
.spf-root.spf-show-result .spf-body{padding-top:42px}.spf-root .spf-result .spf-price{margin:0 0 20px}.spf-root .spf-result h2{margin-bottom:12px}@media(max-width:650px){.spf-root.spf-show-result .spf-body{padding-top:24px}}

/* v1.3.3: collection price and full-width, centred actions. */
.spf-root .spf-box .spf-price{margin:0 0 20px}
.spf-root .spf-box .spf-button{display:block;width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere;margin-bottom:12px}
.spf-root .spf-box .spf-button span{margin-left:12px}
@media(max-width:650px){.spf-root .spf-button{display:block;text-align:center!important;white-space:normal;overflow-wrap:anywhere}.spf-root .spf-box .spf-button{font-size:12px;padding:16px 14px}.spf-root .spf-button span{margin-left:10px}}

/* v1.3.4: consistent mobile top spacing, including results. */
@media(max-width:650px){.spf-root .spf-body,.spf-root.spf-show-result .spf-body{padding-top:64px}}

/* v1.3.5: highlight the current journey stage. */
.spf-root .spf-foot>span.spf-current{font-weight:700;color:#171717}

/* v1.4: product presentation and responsive purchase controls. */
.spf-root h1,.spf-root h2.spf-recommendation{font-family:'Poppins',Arial,sans-serif;font-weight:800}
.spf-root .spf-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.spf-root .spf-analysis{overflow:hidden}
.spf-root .spf-analysis-text{opacity:1;transform:translateX(0);transition:transform .45s cubic-bezier(.4,0,1,1),opacity .45s ease}
.spf-root .spf-analysis-text.spf-flyout{opacity:0;transform:translateX(180px)}
.spf-root .spf-result,.spf-root .spf-box{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.spf-root .spf-result>.spf-visual,.spf-root .spf-box>.spf-visual{padding:0;min-width:0;display:flex;flex-direction:column}
.spf-root .spf-visual>a{display:flex;align-items:center;justify-content:center;flex:1;padding:24px;width:100%;border:0;min-height:360px}
.spf-root .spf-box .spf-visual img{width:100%;max-height:250px;object-fit:contain}
.spf-root .spf-buy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-top:2px solid var(--accent)}
.spf-root .spf-buy-row .spf-price{margin:0;font-size:28px;min-width:0}
.spf-root .spf-result .spf-button,.spf-root .spf-box .spf-button{display:inline-flex;width:auto;max-width:100%;margin-bottom:12px;text-align:center;justify-content:center;white-space:normal}
.spf-root .spf-buy-row .spf-button{flex-shrink:0;margin:0;padding:15px 20px;font-size:12px}
.spf-root .spf-other{margin:40px 0 24px;padding:26px 0;border-top:1px solid #e5e5e5}
.spf-root .spf-other h3{font-size:26px;letter-spacing:-.5px}
.spf-root .spf-other ul{padding-left:22px;margin:0}
.spf-root .spf-other li{padding:7px 0;font-size:15px}
.spf-root .spf-other a{text-decoration:none}
@media(max-width:650px){
 .spf-root .spf-body,.spf-root.spf-show-result .spf-body{padding-top:80px}
 .spf-root .spf-options,.spf-root .spf-result,.spf-root .spf-box{grid-template-columns:minmax(0,1fr)}
 .spf-root .spf-buy-row{display:none}
 .spf-root .spf-visual{order:0}
 .spf-root .spf-visual>a{min-height:165px;padding:10px}
 .spf-root .spf-product-image img{height:130px;width:40px}
 .spf-root .spf-box .spf-visual img{max-height:92px;width:auto;max-width:100%}
 .spf-root .spf-result .spf-price,.spf-root .spf-box .spf-price{font-size:14px;color:var(--accent);margin:0 0 20px}
 .spf-root .spf-price del{font-size:12px}
 .spf-root .spf-box .spf-price{color:#e62a35}
 .spf-root .spf-result .spf-button,.spf-root .spf-box .spf-button{display:block;width:100%;text-align:center!important}
 .spf-root .spf-buy-row .spf-button{width:auto}
 .spf-root .spf-show-result{padding-top:80px}
}

/* v1.5: readable analysis, colour rhythm, mobile product preview. */
.spf-root .spf-hero h1 .spf-match{color:#148cd6;animation:spf-match-colour 8s linear infinite}
@keyframes spf-match-colour{0%,18.75%{color:#148cd6}25%,43.75%{color:#e6b91d}50%,68.75%{color:#ed5d92}75%,93.75%{color:#d21214}100%{color:#148cd6}}
.spf-root .spf-hero [data-start]{background:#148cd6;border-color:#148cd6}.spf-root .spf-hero [data-start]:hover{background:#0875bd}
.spf-root .spf-buy-row{border-top:0;border-bottom:2px solid var(--accent)}
.spf-root .spf-buy-row .spf-price{font-size:42px;color:var(--accent)}
.spf-root .spf-box .spf-buy-row .spf-price{color:#d21214}
.spf-root .spf-price span,.spf-root .spf-price ins{color:inherit}
.spf-root .spf-analysis-group{width:100%;display:flex;flex-direction:column;align-items:center;opacity:1;transform:translateX(0);transition:transform .6s cubic-bezier(.4,0,1,1),opacity .6s ease}
.spf-root .spf-analysis-group.spf-flyout{opacity:0;transform:translateX(240px)}
.spf-root .spf-analysis-text{transition:none}
@media(min-width:651px){.spf-root .spf-result>div:not(.spf-visual),.spf-root .spf-box>div:not(.spf-visual){padding-left:60px}}
@media(max-width:650px){
 .spf-root .spf-hero-copy{display:contents}
 .spf-root .spf-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .spf-root .spf-hero .spf-eyebrow{order:0;margin-bottom:0}
 .spf-root .spf-hero .spf-bottles{order:1;grid-row:auto;height:190px;justify-content:flex-start;gap:18px;background:none;border-radius:0}
 .spf-root .spf-bottles img:nth-child(n){height:144px;width:40px}
 .spf-root .spf-hero h1{order:2;margin-bottom:8px}
 .spf-root .spf-hero-copy>p.spf-muted{order:3;margin-bottom:6px}
 .spf-root .spf-hero [data-start]{order:4}
 .spf-root .spf-hero-copy>.spf-small{order:5;margin-top:0!important}
 .spf-root .spf-result .spf-price,.spf-root .spf-box .spf-price{font-size:21px}
}
