.pgpp{max-width:var(--pg-max-w, 1440px);margin:0 auto;padding:40px var(--pg-pad, 20px) 32px}.pgpp-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.pgpp-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--pg-teal-text, #166156);margin-bottom:10px}.pgpp-eyebrow svg{width:16px;height:16px;flex-shrink:0}.pgpp-heading{font-size:28px;font-weight:700;color:#0f1111;line-height:1.2;margin:0 0 12px}.pgpp-desc{font-size:15px;color:#565959;line-height:1.6;margin:0 0 24px;max-width:420px}.pgpp-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.pgpp-feature{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0f11110f;font-size:13px;font-weight:600;color:#1a2e2b;transition:transform .15s,box-shadow .15s}.pgpp-feature:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0f11111a}.pgpp-feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#e0f0ed;color:#2a9d8f;flex-shrink:0}.pgpp-feature-icon svg{width:18px;height:18px}.pgpp-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pgpp-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#166156;color:#fff;font-size:16px;font-weight:700;text-decoration:none;border-radius:100px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 12px #16615647}.pgpp-cta:hover{background:#0f4a42;transform:translateY(-2px);box-shadow:0 6px 20px #0f4a4266}.pgpp-cta svg{width:20px;height:20px;flex-shrink:0}.pgpp-hint{font-size:13px;color:var(--pg-slate, #4a6560)}.pgpp-visual{position:relative}.pgpp-board{position:relative;background:#ece3d5;border-radius:16px;padding:14px 16px 16px;box-shadow:0 4px 20px #0000001a,inset 0 0 0 1px #0000000d;transition:box-shadow .4s ease}.pgpp-board.pgpp-glow-on{box-shadow:0 4px 20px #0000001a,0 0 25px #2a9d8f40,inset 0 0 0 1px #0000000d}.pgpp-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pgpp-bar-group{display:flex;align-items:center;gap:14px}.pgpp-bar-item{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#6b5d4f;font-variant-numeric:tabular-nums}.pgpp-bar-item svg{width:16px;height:16px;color:#2a9d8f}.pgpp-bar-btns{display:flex;gap:6px}.pgpp-bar-btn{padding:4px 10px;font-size:11px;font-weight:600;color:#6b5d4f;background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:6px}.pgpp-puzzle{display:block;width:100%;height:auto;border-radius:8px}.pgpp-piece{opacity:0;transform-box:fill-box;transform-origin:center}.pgpp-piece-edge{fill:none;stroke:#0003;stroke-width:1.2;stroke-linejoin:round}.pgpp-piece:nth-child(1){--fx: -40;--fy: -30;--fr: -12}.pgpp-piece:nth-child(2){--fx: 10;--fy: -45;--fr: 8}.pgpp-piece:nth-child(3){--fx: 45;--fy: -25;--fr: 14}.pgpp-piece:nth-child(4){--fx: -40;--fy: 30;--fr: 10}.pgpp-piece:nth-child(5){--fx: 8;--fy: 40;--fr: -9}.pgpp-piece:nth-child(6){--fx: 45;--fy: 30;--fr: -16}.pgpp-go .pgpp-piece{animation:pgpp-place .7s cubic-bezier(.22,1.3,.36,1) forwards;will-change:transform,opacity}.pgpp-go .pgpp-piece:nth-child(1){animation-delay:.1s}.pgpp-go .pgpp-piece:nth-child(2){animation-delay:.35s}.pgpp-go .pgpp-piece:nth-child(3){animation-delay:.6s}.pgpp-go .pgpp-piece:nth-child(4){animation-delay:.85s}.pgpp-go .pgpp-piece:nth-child(5){animation-delay:1.1s}.pgpp-go .pgpp-piece:nth-child(6){animation-delay:1.4s}@keyframes pgpp-place{0%{opacity:.85;transform:translate(calc(var(--fx) * 1px),calc(var(--fy) * 1px)) rotate(calc(var(--fr) * 1deg)) scale(.88);filter:drop-shadow(3px 4px 5px rgba(0,0,0,.25))}80%{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.12))}to{opacity:1;transform:translate(0) rotate(0) scale(1);filter:drop-shadow(0 0 0 transparent)}}.pgpp-out .pgpp-piece{animation:pgpp-leave .5s ease forwards!important;animation-delay:0s!important}@keyframes pgpp-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) rotate(calc(var(--fr, 0) * .5deg))}}.pgpp-deco{position:absolute;color:#2a9d8f;opacity:0;pointer-events:none;z-index:0;animation:pgpp-bob var(--bd, 5s) ease-in-out infinite alternate,pgpp-fadein .8s ease .5s forwards}@keyframes pgpp-bob{0%{transform:translateY(0) rotate(var(--dr1, 0deg))}to{transform:translateY(var(--by, -8px)) rotate(var(--dr2, 5deg))}}@keyframes pgpp-fadein{to{opacity:var(--do, .12)}}.pgpp-deco--1{top:-10px;left:-16px;width:44px;height:44px;--bd: 4.5s;--by: -10px;--dr1: -5deg;--dr2: 5deg;--do: .14}.pgpp-deco--2{top:-14px;right:6px;width:32px;height:32px;--bd: 5.5s;--by: -7px;--dr1: 3deg;--dr2: -4deg;--do: .1}.pgpp-deco--3{bottom:2px;left:-12px;width:30px;height:30px;--bd: 6s;--by: -6px;--dr1: 0deg;--dr2: 8deg;--do: .11;color:#f47721}.pgpp-deco--4{bottom:-8px;right:-10px;width:38px;height:38px;--bd: 4s;--by: -9px;--dr1: 4deg;--dr2: -3deg;--do: .08}.pgpp-product-name{margin-top:8px;font-size:12px;color:#5a4e42;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:849px){.pgpp{padding:20px var(--pg-pad, 14px) 20px}.pgpp-inner{grid-template-columns:1fr;gap:16px}.pgpp-visual{order:-1;max-width:280px;margin:0 auto;width:100%}.pgpp-heading{font-size:20px}.pgpp-desc{font-size:13px;max-width:none;margin-bottom:16px}.pgpp-features{gap:6px;margin-bottom:16px}.pgpp-feature{padding:7px 10px;font-size:11px;gap:5px}.pgpp-feature-icon{width:24px;height:24px;border-radius:5px}.pgpp-feature-icon svg{width:13px;height:13px}.pgpp-cta{padding:12px 28px;font-size:15px;width:100%;justify-content:center}.pgpp-actions{flex-direction:column;align-items:stretch;gap:8px}.pgpp-hint{text-align:center}.pgpp-board{padding:10px 10px 12px}.pgpp-deco--1,.pgpp-deco--2,.pgpp-deco--3,.pgpp-deco--4,.pgpp-bar-btns{display:none}}@media(max-width:479px){.pgpp-features{flex-direction:column}.pgpp-board{border-radius:12px;padding:10px 10px 12px}}@media(prefers-reduced-motion:reduce){.pgpp-piece,.pgpp-deco,.pgpp-cta,.pgpp-feature{animation:none!important;transition:none!important}.pgpp-piece{opacity:1!important;transform:none!important;filter:none!important}.pgpp-deco{opacity:var(--do, .12)!important}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/pg-puzzle-promo.css.map */