.sw-hub{max-width:1100px;margin:24px auto;padding:28px 24px 120px;color:#243f53;font-family:inherit}.sw-hub__intro{text-align:center;max-width:680px;margin:0 auto 32px}.sw-hub__eyebrow{font-size:12px;letter-spacing:.03em;color:#587080}.sw-hub h1{font-size:clamp(30px,4.5vw,46px);line-height:1.2;font-weight:700;margin:14px 0}.sw-hub__intro p{font-size:17px;line-height:1.7}.sw-hub__paths{max-width:850px;margin:auto;display:grid;gap:16px}.sw-hub__path{border:1px solid #dbe4e8;border-radius:22px;background:#fffaf0;overflow:hidden}.sw-hub__path:nth-child(2){background:#f3f8fb}.sw-hub__path:nth-child(3){background:#fcf5f5}.sw-hub summary{list-style:none;display:flex;align-items:center;gap:20px;padding:24px;cursor:pointer;min-height:110px}.sw-hub summary::-webkit-details-marker{display:none}.sw-hub__number{font-size:14px;color:#78909e;font-weight:600}.sw-hub summary strong{display:block;font-size:25px;line-height:1.3}.sw-hub summary small{display:block;font-size:15px;line-height:1.5;margin-top:7px}.sw-hub__plus{margin-right:auto;font-size:28px;transition:transform .2s ease}.sw-hub details[open] .sw-hub__plus{transform:rotate(45deg)}.sw-hub__choices{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sw-hub__choice{display:flex;gap:10px;align-items:center;min-height:58px;padding:12px 14px;color:#243f53;text-decoration:none;border:1px solid #dbe4e8;border-radius:13px;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.sw-hub__choice:hover{transform:translateY(-2px);box-shadow:0 4px 12px #243f5312}.sw-hub__choice>span:last-child{margin-right:auto}.sw-hub__swatch{background:var(--swatch);width:24px;height:24px;flex:none;border-radius:50%;border:1px solid #9babb5}.sw-hub__back{display:inline-block;padding:12px 0;color:#315f79;text-decoration:underline;text-underline-offset:4px}.sw-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sw-hub__product{border:1px solid #e0e7eb;border-radius:18px;overflow:hidden;min-width:0}.sw-hub__product a{display:flex;flex-direction:column;padding:14px;height:100%;color:inherit;text-decoration:none}.sw-hub__image{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.sw-hub h2{font-size:16px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.sw-hub__price{font-weight:700;font-size:19px;margin-top:auto}.sw-hub__more{font-size:13px;color:#54748a;margin-top:12px}.sw-hub__disclaimer{font-size:13px;line-height:1.7;color:#607480;max-width:850px;margin:25px auto}.sw-hub__empty{background:#fffaf0;padding:28px;border-radius:18px}.sw-hub a:focus-visible,.sw-hub summary:focus-visible{outline:3px solid #247caa;outline-offset:3px}.sw-hub__count{margin-bottom:18px}.sw-hub__intro--result{margin-bottom:24px}@media(max-width:800px){.sw-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.sw-hub{padding:18px 16px 120px;margin:12px auto}.sw-hub summary{gap:12px;padding:20px 16px}.sw-hub summary strong{font-size:23px}.sw-hub summary small{font-size:14px}.sw-hub__choices{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 18px;gap:8px}.sw-hub__choice{font-size:14px;padding:10px;gap:7px}.sw-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sw-hub__product a{padding:10px}.sw-hub h2{font-size:14px}}@media(prefers-reduced-motion:reduce){.sw-hub__choice,.sw-hub__plus{transition:none}.sw-hub__choice:hover{transform:none}}.sw-hub__paths--visual{max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.sw-hub__paths--visual .sw-hub__path{border-radius:24px;border:1px solid #d4e2e9;background:#fffdf7;box-shadow:0 6px 24px #243f5307;transition:box-shadow .22s ease,border-color .22s ease}.sw-hub__paths--visual .sw-hub__path:nth-child(2),.sw-hub__paths--visual .sw-hub__path:nth-child(3){background:#fffdf7}.sw-hub__paths--visual summary{display:block;padding:0;min-height:0;position:relative}.sw-hub__paths--visual summary:focus-visible{outline-offset:-4px;border-radius:24px}.sw-hub__summary-copy{display:block;padding:0 22px 22px}.sw-hub__paths--visual summary strong{font-size:28px;letter-spacing:-.02em}.sw-hub__paths--visual summary small{font-size:14px;line-height:1.6;min-height:45px;color:#4d6576}.sw-hub__action{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:14px;font-weight:600;color:#284f69}.sw-hub__paths--visual .sw-hub__plus{display:grid;place-items:center;width:30px;height:30px;margin:0;background:#e7f0f5;border-radius:50%;font-size:22px;line-height:1;font-weight:400;flex-shrink:0}.sw-hub__art{height:174px;display:block;position:relative;margin:10px 10px 18px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#fff,#f4ead1)}.sw-hub__art--brand{background:radial-gradient(ellipse at 50% 35%,#fff,#e6f0f6)}.sw-hub__art--taste{background:radial-gradient(ellipse at 50% 35%,#fff,#f7ecd8)}.sw-hub__art-caption{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;color:#466177;font-size:11px;letter-spacing:.015em}.sw-hub__pack{display:block;position:absolute;width:132px;height:132px;top:8px;transition:transform .35s ease}.sw-hub__pack--one{left:calc(50% - 110px);transform:rotate(-9deg)}.sw-hub__pack--two{left:calc(50% - 14px);transform:rotate(9deg)}.sw-hub__packshot{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 5px #243f5315)}.sw-hub__color-fan{display:block;position:absolute;width:200px;height:130px;top:10px;left:calc(50% - 100px)}.sw-hub__color-fan i{display:block;position:absolute;bottom:0;left:80px;width:40px;height:106px;border-radius:24px 24px 10px 10px;background:var(--paint);border:1px solid #243f5317;box-shadow:0 2px 5px #243f5310;transform-origin:50% 90%;transform:rotate(calc((var(--petal) - 4)*18deg));transition:transform .35s ease}.sw-hub__color-fan:after{content:"";position:absolute;bottom:4px;left:94px;width:12px;height:12px;border-radius:50%;background:#fffdf7;border:1px solid #243f5330;z-index:2}.sw-hub__paths--visual .sw-hub__choices{grid-template-columns:1fr;padding:0 16px 18px;gap:8px}.sw-hub__paths--visual .sw-hub__choice{min-height:48px;font-size:14px;padding:10px 12px}.sw-hub__paths--visual details[open]{border-color:#8baec3;box-shadow:0 8px 24px #243f5310}.sw-hub__paths--visual details[open] .sw-hub__summary-copy{padding-bottom:16px}@media(hover:hover){.sw-hub__paths--visual summary:hover .sw-hub__pack--one{transform:translateY(-4px) rotate(-13deg)}.sw-hub__paths--visual summary:hover .sw-hub__pack--two{transform:translateY(-4px) rotate(13deg)}.sw-hub__paths--visual summary:hover .sw-hub__color-fan i{transform:rotate(calc((var(--petal) - 4)*20deg))}.sw-hub__paths--visual .sw-hub__path:hover{border-color:#9cb8c9}}@media(max-width:749px){.sw-hub__paths--visual{grid-template-columns:1fr;gap:12px}.sw-hub__paths--visual summary{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:12px;padding:14px}.sw-hub__summary-copy{grid-column:1;grid-row:1;padding:0!important}.sw-hub__paths--visual summary strong{font-size:24px}.sw-hub__paths--visual summary small{font-size:13px;min-height:0;margin-top:4px}.sw-hub__action{margin-top:10px;font-size:12px;justify-content:flex-start;gap:12px}.sw-hub__paths--visual .sw-hub__plus{width:24px;height:24px;font-size:18px}.sw-hub__art{grid-column:2;grid-row:1;margin:0;height:126px;border-radius:15px}.sw-hub__art-caption{display:none}.sw-hub__pack{width:91px;height:102px;top:14px}.sw-hub__pack--one{left:-8px}.sw-hub__pack--two{left:46px}.sw-hub__color-fan{transform:scale(.64);transform-origin:center center;top:-4px}.sw-hub__paths--visual .sw-hub__choices{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 16px}.sw-hub__paths--visual .sw-hub__choice{font-size:13px;padding:10px;gap:7px}.sw-hub__paths--visual .sw-hub__path{border-radius:20px}}@media(max-width:359px){.sw-hub__paths--visual summary{grid-template-columns:minmax(0,1fr) 100px;gap:8px;padding:12px}.sw-hub__art{height:116px}.sw-hub__pack--one{left:-21px}.sw-hub__pack--two{left:28px}.sw-hub__paths--visual summary strong{font-size:22px}}@media(prefers-reduced-motion:reduce){.sw-hub__paths--visual .sw-hub__path,.sw-hub__pack,.sw-hub__color-fan i{transition:none}.sw-hub__paths--visual summary:hover .sw-hub__pack--one{transform:rotate(-9deg)}.sw-hub__paths--visual summary:hover .sw-hub__pack--two{transform:rotate(9deg)}.sw-hub__paths--visual summary:hover .sw-hub__color-fan i{transform:rotate(calc((var(--petal) - 4)*18deg))}}@media(max-width:359px){.sw-hub__color-fan{transform:scale(.48)}.sw-hub__pack{width:68px;height:92px;top:12px}.sw-hub__pack--one{left:3px;transform:rotate(0)}.sw-hub__pack--two{left:29px;transform:rotate(0)}}@media(max-width:359px)and (prefers-reduced-motion:reduce){.sw-hub__paths--visual summary:hover .sw-hub__pack--one{transform:rotate(0)}.sw-hub__paths--visual summary:hover .sw-hub__pack--two{transform:rotate(0)}}@media(max-width:749px){.sw-hub__art--brand,.sw-hub__art--taste{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px}.sw-hub__art .sw-hub__pack{position:static;flex:1 1 0;min-width:0;width:calc(50% - 1px);height:100%;transform:none!important}.sw-hub__art .sw-hub__packshot{width:100%;height:100%;object-fit:contain;filter:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/sw-discovery-hub-qa.css.map */