.sph{--sph-navy: var(--brand-color-1);--sph-yellow: var(--brand-color-2);--sph-cream: var(--brand-color-5);--sph-white: var(--brand-color-6);--sph-radius: 16px;--sph-line: #a6afbf;--sph-gift: #ffebc5;--section-background-color: var(--sph-white);--section-text-color: var(--sph-navy);display:block;background:var(--sph-white);color:var(--sph-navy);font-family:var(--body-font-family);font-weight:500}.sph *,.sph *:before,.sph *:after{box-sizing:border-box}.sph img{display:block;max-width:100%;height:auto}.sph fieldset{min-width:0;margin:0;padding:0;border:0}.sph legend{padding:0}.sph :is(input,select,button,a):focus-visible{outline:3px solid var(--sph-navy);outline-offset:3px}.sph__section{scroll-margin-top:90px}@media screen and (max-width:991.98px){.sph__section{scroll-margin-top:50px}}.sph__wrap{display:flex;flex-direction:column;gap:32px}.sph__head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.sph__heading:focus{outline:none}.sph__heading:focus-visible{outline:3px solid var(--sph-navy);outline-offset:4px}.sph__heading,.sph-pack__title,.sph .spp-step__title,.sph .spp-swatch__name,.sph .spp-cta{font-family:var(--heading-font-family);font-weight:400;text-transform:uppercase;letter-spacing:.01em}.sph__heading{margin:0;font-size:clamp(26px,3.2vw,38px);line-height:1;color:inherit}.sph__intro{margin:0;max-width:520px;font-size:16px;line-height:1.45}.sph-rating{display:inline-flex;gap:8px;align-items:center;margin:0;font-size:14px;font-weight:700}.sph-rating[hidden]{display:none}.sph-rating__stars{letter-spacing:1px;color:var(--jdgm-star-color, #21d081)}.sph-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.sph-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:6px 22px;border:1.5px solid var(--sph-navy);border-radius:99px;background:var(--sph-white);color:var(--sph-navy);font-size:15px;font-weight:700;line-height:1.2;cursor:pointer}.sph-tab__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.sph-tab__from{font-size:12px;opacity:.8}.sph-tab:has(.sph-tab__input:checked){background:var(--sph-navy);color:var(--sph-white)}.sph-tab:has(.sph-tab__input:checked) .sph-tab__from{color:var(--sph-yellow);opacity:1}.sph-tab:has(.sph-tab__input:focus-visible){outline:3px solid var(--sph-navy);outline-offset:3px}.sph-pack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}.sph-pack[hidden]{display:none}@media screen and (max-width:989px){.sph-pack{grid-template-columns:minmax(0,1fr);gap:28px}}.sph-media{display:flex;flex-direction:column;gap:12px}.sph-media__main{position:relative;aspect-ratio:1 / 1;border-radius:var(--sph-radius);overflow:hidden;background:var(--brand-color-4)}.sph .sph-media__img{width:100%;height:100%;object-fit:cover}.sph .sph-media__img[hidden]{display:none}.sph-media__badge{position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:99px;background:var(--sph-navy);color:var(--sph-white);font-size:13px;font-weight:700}.sph-media__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.sph-media__thumb{display:block;width:100%;aspect-ratio:1 / 1;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:var(--brand-color-4);cursor:pointer}.sph-media__thumb.is-active{border-color:var(--sph-navy)}.sph-media__thumb img{width:100%;height:100%;object-fit:cover}.sph.is-once [data-sub-only]{display:none}.sph-pack__info{display:flex;flex-direction:column;min-width:0}.sph-pack__title{margin:0 0 8px;font-size:clamp(28px,3.4vw,40px);line-height:.95;color:inherit}.sph-pack__price{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}.sph-pack__price strong{font-size:22px;font-weight:700}.sph-pack__worth{font-size:14px;opacity:.6}.sph-pack__intro{margin:0;font-size:16px;line-height:1.45}.sph .spp-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0;padding:0 0 20px;border-bottom:2px solid var(--sph-navy)}.sph .spp-pill{border:1.5px solid var(--sph-navy);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;background:var(--sph-white)}.sph .spp-step{margin-bottom:20px}.sph .spp-step+.spp-step{border-top:2px solid var(--sph-navy);padding-top:20px}.sph .spp-step__title{float:left;width:100%;margin:0 0 4px;font-size:22px;line-height:1}.sph .sph-step>:not(legend){clear:both}.sph .sph-step__note{margin:0;font-size:13px;opacity:.8}@media screen and (min-width:750px){.sph .sph-step:has(>.sph-step__note)>.spp-step__title{width:auto}.sph .sph-step>.sph-step__note{float:right;clear:none;margin-top:5px}}.sph .spp-slot__label{float:left;width:100%}.sph .sph-slot>:not(legend){clear:both}.sph .spp-slot__label{margin:10px 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sph .sph-slot+.sph-slot .spp-slot__label{margin-top:14px}.sph .spp-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sph .spp-swatch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;padding:10px 4px;border:3px solid transparent;border-radius:8px;background:var(--sw);color:var(--sw-text, var(--sph-white));text-align:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.sph .spp-swatch:hover{transform:translateY(-2px)}.sph .spp-swatch:has(input:checked){border-color:var(--sph-navy);box-shadow:0 0 0 2px var(--sph-white) inset}.sph .spp-swatch:has(input:focus-visible){outline:3px solid var(--sph-navy);outline-offset:3px}.sph .sph-swatch__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.sph .spp-swatch__name{font-size:17px;line-height:1}.sph .spp-swatch__tag{font-size:11px;font-weight:700;line-height:1.25}.sph .spp-swatch__caf{font-size:10px;font-weight:700;line-height:1.25;opacity:.9}@media screen and (max-width:420px){.sph .spp-swatch__name{font-size:15px}}.sph .spp-buy__options{display:grid;gap:14px;padding-top:14px}.sph .spp-opt{position:relative;border:1px solid var(--sph-line);border-radius:var(--sph-radius);background:var(--sph-white);color:var(--sph-navy);transition:border-color .15s ease,background-color .15s ease}.sph .spp-opt.is-active{border:2px solid var(--sph-navy);background:var(--sph-cream)}.sph .spp-opt__flag{position:absolute;top:-13px;left:20px;padding:5px 12px;border-radius:10px;background:var(--sph-yellow);color:var(--sph-navy);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.sph .spp-opt__head{display:flex;align-items:flex-start;gap:11px;min-height:64px;padding:22px 18px 14px;cursor:pointer}.sph .spp-opt--once .spp-opt__head{padding:18px}.sph .spp-opt__head input[type=radio]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;flex:0 0 22px;width:22px;height:22px;min-height:0;margin:2px 0 0;padding:0;border:2px solid var(--sph-navy);border-radius:50%;background:var(--sph-white);-webkit-mask-image:none;mask-image:none;cursor:pointer}.sph .spp-opt__head input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sph-navy);transform:scale(0);transition:transform .12s ease}.sph .spp-opt__head input[type=radio]:checked:before{transform:scale(1)}.sph .spp-opt__main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;flex:1;min-width:0}.sph .spp-opt__main--once{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline}.sph .spp-opt__title{font-family:var(--heading-font-family);font-size:20px;font-weight:400;line-height:1.2;text-transform:uppercase}.sph .spp-opt__prices{margin-left:auto;text-align:right}.sph .spp-opt__line{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.sph .spp-opt__was{font-size:15px;opacity:.7}.sph [data-sub-was][hidden],.sph .spp-opt__saving[hidden]{display:none}.sph .spp-opt__price{font-size:24px;font-weight:800;line-height:1.15}.sph .spp-opt__saving{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:20px;background:var(--sph-yellow);color:var(--sph-navy);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.sph .spp-opt__sub{grid-column:1 / -1;font-size:13px}.sph .spp-opt__details{padding:0 18px 18px}.sph .spp-opt__details[hidden]{display:none}.sph .spp-benefits{display:grid;gap:10px;margin:0 0 18px;padding:12px 0 0;border-top:1px solid var(--sph-line);list-style:none}.sph .spp-gift{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px;border-radius:18px;background:var(--sph-gift)}.sph .gift__inner{display:flex;align-items:center;gap:18px;min-width:0}.sph .spp-gift__img{flex:0 0 68px;width:68px;height:68px;object-fit:cover;border-radius:12px;background:var(--brand-color-5)}.sph .spp-gift__copy{font-size:16px;line-height:1.5}.sph .spp-gift__copy strong{display:block;font-weight:700}.sph .spp-gift__badge{display:flex;align-items:center;justify-content:center;flex:none;padding:2px 9px;border-radius:24px;background:var(--sph-navy);color:var(--sph-white);font-size:12px;line-height:1.5}.sph .spp-benefit{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:16px;font-weight:600}.sph .spp-benefit__check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--sph-navy);color:var(--sph-white);font-size:13px}.sph .spp-freq{display:block}.sph .spp-freq[hidden]{display:none}.sph .spp-freq__label{display:block;margin-bottom:8px;font-size:16px;font-weight:700}.sph .spp-freq__control{position:relative;display:block}.sph .spp-freq__control:after{content:"";position:absolute;top:50%;right:16px;width:8px;height:8px;border-right:2px solid var(--sph-navy);border-bottom:2px solid var(--sph-navy);transform:translateY(-70%) rotate(45deg);pointer-events:none}.sph .spp-freq__select{-webkit-appearance:none;appearance:none;width:100%;height:auto;min-height:48px;padding:10px 40px 10px 14px;border:1px solid var(--sph-navy);border-radius:10px;background:var(--sph-white);color:var(--sph-navy);font:inherit;font-size:16px;font-weight:600;-webkit-mask-image:none;mask-image:none;cursor:pointer}.sph .spp-opt__foot{margin:10px 0 0;font-size:14px}@media screen and (max-width:420px){.sph .spp-opt__head{padding:21px 14px 13px}.sph .spp-opt--once .spp-opt__head{padding:16px 14px}.sph .spp-opt__details{padding:0 14px 16px}.sph .spp-opt__prices{margin-left:0;text-align:left}.sph .spp-opt__line{justify-content:flex-start}.sph .spp-opt__title{font-size:18px}.sph .spp-gift,.sph .gift__inner{gap:9px}.sph .spp-gift__img{flex-basis:54px;width:54px;height:54px}.sph .spp-gift__copy{font-size:14px}.sph .spp-gift__badge{font-size:11px}}.sph .spp-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:16px;padding:12px 24px;border:0;border-radius:99px;background:var(--sph-navy);color:var(--sph-yellow);font-size:19px;cursor:pointer;transition:transform .15s,opacity .15s}.sph .spp-cta:hover{transform:translateY(-1px)}.sph .spp-cta:active{transform:scale(.97)}.sph .spp-cta[disabled]{opacity:.7;cursor:progress}.sph .spp-buy__under{margin:10px 0 0;text-align:center;font-size:13px;font-weight:700}.sph .spp-error{margin:8px 0 0;text-align:center;color:#b00020;font-size:14px;font-weight:700}.sph .spp-error[hidden]{display:none}.sph .spp-link{color:inherit;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}.sph .sph-details{align-self:center;margin-top:14px}@media(prefers-reduced-motion:reduce){.sph .spp-swatch,.sph .spp-cta,.sph .spp-opt{transition:none}.sph .spp-swatch:hover,.sph .spp-cta:hover,.sph .spp-cta:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/186/assets/starter-pack-home.css.map */