.pw-pop{padding:38px 0 44px;background:var(--pop-bg);color:#173d42}.pw-pop__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.pw-pop h2{font-size:30px;line-height:1.15;letter-spacing:-.04em;color:inherit;margin:0}.pw-pop__heading>span{font-size:12px;font-weight:650;transform:rotate(-4deg)}.pw-pop__heading>span>span{font-size:24px;margin-left:8px}.pw-pop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pw-pop__card{border:1px solid #173d421f;border-radius:20px;display:flex;gap:17px;align-items:center;padding:24px 20px;min-width:0;background:#def0f8;transition:transform .25s,box-shadow .25s}.pw-pop__card--scents{background:#fff0b6}.pw-pop__card--refill{background:#e7eed7}.pw-pop__art{flex:0 0 105px;min-width:0}.pw-pop__art svg{display:block;width:100%;height:100px}.pw-pop__swatches{display:flex;align-items:center;height:110px;width:105px;position:relative}.pw-pop__swatches img{width:60px;height:75px;object-fit:cover;border-radius:45px;border:3px solid white;position:absolute;box-shadow:0 4px 8px #173d4212}.pw-pop__swatches img:nth-child(1){left:0;top:4px;transform:rotate(-14deg)}.pw-pop__swatches img:nth-child(2){left:23px;top:24px;transform:rotate(6deg)}.pw-pop__swatches img:nth-child(3){left:46px;top:4px;transform:rotate(18deg)}.pw-pop__tag{font-size:9px;letter-spacing:.12em;font-weight:750}.pw-pop h3{font-size:23px;letter-spacing:-.04em;line-height:1.12;margin:8px 0;color:inherit}.pw-pop p{font-size:13px;line-height:1.5;margin:0}.pw-pop__mist{transform-origin:center;transition:transform .4s}.pw-pop__loop{transition:transform .4s}@media(hover:hover){.pw-pop__card:hover{transform:translateY(-5px);box-shadow:0 7px 0 -3px #173d4226}.pw-pop__card:hover .pw-pop__mist{transform:translateY(-5px)}.pw-pop__card:hover .pw-pop__loop{transform:rotate(12deg)}}
.pw-match{display:block;background:var(--match-bg);color:#173d42;padding:65px 0}.pw-match__header{text-align:center;margin:0 auto 28px;max-width:850px}.pw-match__header>p{font-size:11px;letter-spacing:.15em;font-weight:750;margin:0 0 15px}.pw-match h2{font-size:clamp(35px,4.3vw,60px);line-height:1.06;letter-spacing:-.055em;color:inherit;margin:0 0 18px}.pw-match__header>span{font-size:16px}.pw-match__controls{display:flex;justify-content:center;gap:10px;margin:0 0 28px}.pw-match__controls button{font:inherit;font-size:14px;font-weight:650;border:1.5px solid #173d4250;border-radius:40px;padding:12px 24px;background:transparent;color:inherit;cursor:pointer;transition:background .2s,transform .2s}.pw-match__controls button[aria-pressed=true]{background:#173d42;color:white;transform:rotate(-2deg)}.pw-match button:focus-visible,.pw-match a:focus-visible{outline:3px solid #308daf;outline-offset:4px}.pw-match__panel[hidden]{display:none!important}.pw-match__panel{max-width:980px;margin:auto}.pw-match__arena{display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative}.pw-match__side{border-radius:24px;overflow:hidden;border:1.5px solid #173d4230;background:#f0e9dc;position:relative}.pw-match__side--pawce{background:#dcf1f6;border-color:#173d42;box-shadow:5px 5px 0 #173d42}.pw-match__brand{display:block;padding:19px 24px;font-size:17px;font-weight:750}.pw-match__photo{height:225px;position:relative;overflow:hidden}.pw-match__photo img{height:100%;width:100%;object-fit:cover;object-position:center 42%}.pw-match__stamp{position:absolute;top:12px;right:17px;font-size:36px;background:#f9eb89;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;transform:rotate(-12deg)}.pw-match__objects{height:225px;display:grid;place-items:center;background:#f8f3ea}.pw-match__objects svg{height:90%;width:90%;max-width:310px}.pw-match__answer{position:relative;padding:24px 27px 27px 61px;min-height:162px}.pw-match__symbol{position:absolute;left:24px;top:23px;display:grid;place-items:center;border:1px solid #173d4266;border-radius:50%;width:25px;height:25px;font-size:18px}.pw-match h3{font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:0 0 10px;color:inherit}.pw-match__answer p{font-size:14px;line-height:1.6;margin:0}.pw-match__versus{position:absolute;z-index:2;top:47%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#faed91;border:2px solid #173d42;font-size:20px;font-weight:800;box-shadow:2px 3px 0 #173d42}.pw-match__verdict{font-size:17px;line-height:1.5;text-align:center;margin:27px 0 0;font-weight:650;animation:pw-match-in .3s ease-out}.pw-match__verdict>span{font-size:25px;margin-right:8px}.pw-match__finish{text-align:center;margin:28px auto 0;max-width:800px}.pw-match__finish a{display:inline-flex;gap:25px;align-items:center;background:#173d42;color:white;border-radius:50px;padding:16px 27px;font-size:14px;font-weight:700}.pw-match__finish p{font-size:11px;line-height:1.6;margin:20px auto 0;max-width:660px;color:#536a68}@keyframes pw-match-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.pw-pop__card{padding:20px 15px;gap:10px}.pw-pop__art{flex-basis:78px}.pw-pop__swatches{transform:scale(.78);transform-origin:left center;width:78px}.pw-pop h3{font-size:20px}}
@media(max-width:749px){.pw-pop{padding:30px 0}.pw-pop__heading{margin-bottom:20px;gap:10px;align-items:flex-start}.pw-pop h2{font-size:26px;max-width:235px}.pw-pop__heading>span{font-size:10px;max-width:82px;text-align:center}.pw-pop__heading>span>span{display:block;font-size:23px;margin:0}.pw-pop__grid{grid-template-columns:1fr;gap:10px}.pw-pop__card{padding:14px 18px;gap:21px;border-radius:18px}.pw-pop__art{flex-basis:82px}.pw-pop__art svg{height:85px}.pw-pop__swatches{height:85px;transform:scale(.8);transform-origin:left top}.pw-pop h3{font-size:23px;margin:5px 0}.pw-pop p{font-size:12px}.pw-pop__tag{font-size:8px}.pw-match{padding:44px 0}.pw-match__header{margin-bottom:21px}.pw-match h2{font-size:37px}.pw-match__header>p{font-size:10px}.pw-match__header>span{font-size:14px}.pw-match__controls{gap:6px;margin-bottom:22px}.pw-match__controls button{font-size:11px;padding:10px 9px;flex:1}.pw-match__arena{gap:15px}.pw-match__side{border-radius:17px}.pw-match__side--pawce{box-shadow:3px 4px 0 #173d42}.pw-match__brand{padding:14px 10px;font-size:12px;min-height:56px;display:flex;align-items:center}.pw-match__photo,.pw-match__objects{height:148px}.pw-match__stamp{width:33px;height:33px;font-size:24px;right:9px;top:9px}.pw-match__answer{padding:16px 12px;min-height:180px}.pw-match__symbol{position:static;width:22px;height:22px;font-size:15px;margin-bottom:10px}.pw-match h3{font-size:21px;line-height:1.05;margin-bottom:9px}.pw-match__answer p{font-size:12px;line-height:1.5}.pw-match__versus{width:40px;height:40px;font-size:15px;top:42%;border-width:1.5px}.pw-match__verdict{font-size:14px;margin-top:24px;min-height:52px}.pw-match__finish{margin-top:18px}.pw-match__finish p{font-size:10px}.pw-match__finish a{font-size:13px;padding:14px 24px}}
@media(prefers-reduced-motion:reduce){.pw-pop *,.pw-match *{animation:none!important;transition:none!important}}