.sph-sec{padding-top:48px;padding-bottom:48px}.sph-sec--tight{padding-top:0}.sph-head{margin-bottom:24px}.sph-title{padding:22px 0 0}.sph-stat{padding:20px 0}.sph-hero__media{min-height:500px}.sph-pick__banner{position:relative;display:flex;align-items:center;min-height:340px;overflow:hidden;border-radius:18px;background:var(--ink)}.sph .sph-pick__banner img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:100% 50%}.sph-pick__banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0f2329db,#0f23299e 38%,#0f232900 68%)}.sph-pick__bt{position:relative;z-index:1;max-width:600px;padding:44px}.sph .sph-pick__bt h2{font-size:clamp(34px,4.2vw,56px);line-height:1.06;color:#fff}.sph .sph-pick__bt p{margin-top:14px;font-size:19px;color:#e3eef1}.sph-pick fieldset{border:0;margin:32px 0 0;padding:0;min-width:0}.sph-pick legend,.sph .sph-pick__step{display:block;width:100%;padding:0;margin:0 0 14px;font-family:var(--sp-h,Georgia,serif);font-weight:500;font-size:28px;line-height:1.2;color:var(--ink)}.sph-pick legend i,.sph-pick__step i{font-style:normal;color:var(--mint-d);margin-right:10px}.sph-pick legend small{margin-left:12px;font-family:var(--sp-b,Nunito,sans-serif);font-weight:700;font-size:14px;color:var(--muted)}.sph-pcs{display:grid;gap:14px}.sph-pcs--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sph-pcs--4{grid-template-columns:repeat(4,minmax(0,1fr))}.sph-pc{position:relative;display:block;margin:0;cursor:pointer}.sph-pc input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:3}.sph-pc__in{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--ink);aspect-ratio:4/3}.sph-pcs--3 .sph-pc__in{aspect-ratio:1/1}.sph .sph-pc__in img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s ease,opacity .2s}.sph-pc__in:before{content:"";position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.95);background:#0f232959}.sph-pc__t{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:2px;padding:64px 16px 14px;background:linear-gradient(to top,#0f2329e6,#0f232980 45%,#0f232900)}.sph-pc__t b{font-family:var(--sp-h,Georgia,serif);font-weight:500;font-size:21px;line-height:1.15;color:#fff}.sph-pcs--3 .sph-pc__t b{font-size:30px}.sph-pc__t small{font-size:15px;font-weight:700;line-height:1.3;color:#d5e3e7}.sph-pc input:hover+.sph-pc__in img{transform:scale(1.05)}.sph-pc input:checked+.sph-pc__in{outline:4px solid var(--mint-d);outline-offset:2px}.sph-pc input:checked+.sph-pc__in:before{border-color:var(--mint);background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.6' fill='none' stroke='%230f2329' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}.sph-pc input:focus-visible+.sph-pc__in{outline:3px solid var(--ocean);outline-offset:3px}.sph-pcs:has(input:checked) input:not(:checked)+.sph-pc__in img{opacity:.6}.sph-pcs:has(input:checked) input:not(:checked):hover+.sph-pc__in img{opacity:.85}@media(prefers-reduced-motion:reduce){.sph .sph-pc__in img{transition:none}.sph-pc input:hover+.sph-pc__in img{transform:none}}.sph-pick__result{margin-top:34px;padding-top:26px;border-top:2px solid var(--ink)}.sph .sph-pick__wait{color:var(--muted)}.sph .sph-pick__result h3{display:none}.sph-advs{margin:0;padding:0;list-style:none}.sph-adv{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:10px 26px;align-items:center;margin:0;padding:16px 0;border-bottom:1px solid var(--line)}.sph-adv:first-child{padding-top:4px}.sph .sph-adv__img{width:190px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--foam)}.sph-adv__t b{display:block;margin-top:2px;font-family:var(--sp-h,Georgia,serif);font-weight:500;font-size:24px;line-height:1.2}.sph .sph-adv__t p{margin-top:3px;font-size:15px;color:var(--muted)}.sph-adv__a{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.sph-pick .sph-total{margin-bottom:6px}.sph-pick .sph-qz__alt{margin:20px 0 6px}@media(max-width:900px){.sph-sec{padding-top:36px;padding-bottom:36px}.sph-sec--tight{padding-top:0}.sph-title{padding:20px 0 0}.sph-stat{padding:16px 0}.sph-hero__media{min-height:0}.sph-pick__banner{min-height:300px}.sph-pick__bt{padding:28px}.sph-pcs--4{grid-template-columns:repeat(2,minmax(0,1fr))}.sph-adv{grid-template-columns:130px minmax(0,1fr)}.sph .sph-adv__img{width:130px}.sph-adv__a{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;gap:8px 14px}}@media(max-width:640px){.sph-pick__banner{align-items:flex-end;min-height:380px}.sph .sph-pick__banner img{object-position:78% 50%}.sph-pick__banner:after{background:linear-gradient(to top,#0f2329eb,#0f2329b3 42%,#0f232900 78%)}.sph-pick__bt{padding:20px}.sph .sph-pick__bt p{font-size:17px}.sph-pick fieldset{margin-top:26px}.sph-pick legend,.sph .sph-pick__step{font-size:24px}.sph-pick legend small{display:block;margin:2px 0 0}.sph-pcs{gap:10px}.sph-pcs--3{grid-template-columns:minmax(0,1fr)}.sph-pcs--3 .sph-pc__in{aspect-ratio:16/9}.sph .sph-pcs--3 .sph-pc:nth-child(1) img{object-position:50% 22%}.sph .sph-pcs--3 .sph-pc:nth-child(2) img{object-position:50% 60%}.sph .sph-pcs--3 .sph-pc:nth-child(3) img{object-position:50% 42%}.sph-pcs--3 .sph-pc__t b{font-size:26px}.sph-pc__t{padding:44px 12px 10px}.sph-pc__t b{font-size:17px}.sph-pc__in:before{top:8px;right:8px;width:26px;height:26px}.sph-adv{grid-template-columns:96px minmax(0,1fr);gap:8px 14px}.sph .sph-adv__img{width:96px}.sph-adv__t b{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sp-home-4.css.map */