.pingion .pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--pg-font-display);text-transform:uppercase;font-size:16px;letter-spacing:.04em;padding:16px 28px;border-radius:0;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .18s,color .18s,transform .12s;white-space:nowrap;background:var(--pg-orange);color:var(--pg-white)}.pingion .pp-btn:hover{transform:translateY(-2px);background:#ff7d50}.pingion .pp-btn--navy{background:var(--pg-navy);color:var(--pg-white)}.pingion .pp-btn--outline{background:transparent;color:var(--pg-navy);border-color:var(--pg-navy)}.pingion .pp-btn--outline:hover{background:var(--pg-navy);color:var(--pg-white)}.pingion .pp-btn-add-cart{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--pg-font-display);text-transform:uppercase;font-size:17px;letter-spacing:.02em;padding:18px 32px;background:var(--pg-orange);color:var(--pg-white);text-decoration:none;border:0;cursor:pointer;transform:rotate(-1.5deg);border-radius:4px 2px 5px 3px/5px 3px 6px 2px;box-shadow:4px 4px 0 var(--pg-navy);transition:transform .2s,box-shadow .2s,background .18s;white-space:nowrap;flex:1;min-width:220px;height:54px}.pingion .pp-btn-add-cart:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:6px 6px 0 var(--pg-navy);background:#ff7d50}.pingion .pp-btn-add-cart[disabled]{opacity:.55;cursor:not-allowed;transform:rotate(-1.5deg)!important}.pingion .pp-section h1,.pingion .pp-section h2,.pingion .pp-section h3{font-family:var(--pg-font-display);text-transform:uppercase;color:var(--pg-navy);font-weight:400}.pingion .pp-section h1{font-size:clamp(48px,6vw,80px)}.pingion .pp-section h2{font-size:clamp(32px,4vw,56px)}.pingion .pp-section h3{font-size:clamp(18px,2vw,22px)}.pingion .pp-particle{position:absolute;pointer-events:none;opacity:.55;z-index:1;animation:pp-float 9s ease-in-out infinite}.pingion .pp-particle.subtle{opacity:.35}.pingion .pp-particle.dim{opacity:.22}.pingion .pp-particle:nth-child(odd){animation-direction:alternate;animation-duration:11s}.pingion .pp-particle:nth-child(3n){animation-duration:7s}.pingion .pp-particle:nth-child(4n){animation-duration:13s}@keyframes pp-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(8deg)}66%{transform:translateY(8px) rotate(-6deg)}}.pingion .pp-section{position:relative;overflow:hidden}.pingion .pp-section>.pg-container{position:relative;z-index:2}.pingion .pp-hero{background:var(--pg-peach);padding:clamp(20px,3vw,32px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}.pingion .pp-hero .pg-section-halftone{z-index:0!important;opacity:.18!important}.pingion .pp-hero .pg-container{position:relative;z-index:2}.pingion .pp-breadcrumbs{font-family:var(--pg-font-display);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--pg-navy);opacity:.7;margin-bottom:clamp(28px,4vw,48px)}.pingion .pp-breadcrumbs a{color:var(--pg-navy);text-decoration:none}.pingion .pp-breadcrumbs a:hover{color:var(--pg-orange);opacity:1}.pingion .pp-breadcrumbs .sep{margin:0 8px;opacity:.5}.pingion .pp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,4vw,64px);align-items:start}.pingion .pp-gallery{position:relative}.pingion .pp-gallery-main{background:var(--pg-white);border-radius:18px;padding:16px;width:100%;max-width:560px;aspect-ratio:1 / 1;height:auto;margin:0 auto;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 50px #0b1f4d24;transform:rotate(-1deg);transition:transform .4s ease;overflow:hidden}.pingion .pp-gallery-main:hover{transform:rotate(0) scale(1.01)}.pingion .pp-gallery-main img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 16px 32px rgba(11,31,77,.22));transition:transform .4s ease}.pingion .pp-gallery-main:hover img{transform:rotate(-1deg) scale(1.02)}.pingion .pp-thumbs{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap;justify-content:center}.pingion .pp-thumb{width:78px;height:78px;background:var(--pg-white);border-radius:4px 2px 5px 3px/5px 3px 6px 2px;border:0;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s;box-shadow:3px 3px 0 var(--pg-navy);flex-shrink:0}.pingion .pp-thumb:nth-child(odd){transform:rotate(-3deg)}.pingion .pp-thumb:nth-child(2n){transform:rotate(2deg)}.pingion .pp-thumb:nth-child(3n){transform:rotate(-1.5deg)}.pingion .pp-thumb:hover{transform:rotate(0) translateY(-3px);box-shadow:5px 5px 0 var(--pg-navy)}.pingion .pp-thumb.active{background:var(--pg-yellow);box-shadow:4px 4px 0 var(--pg-orange)}.pingion .pp-thumb img{max-width:100%;max-height:100%;object-fit:contain}.pingion .pp-info{padding-top:8px}.pingion .pp-info h1{margin:0 0 20px;font-size:clamp(48px,6vw,76px);line-height:1.05}.pingion .pp-info h1 .pp-highlight{background:var(--pg-orange);color:var(--pg-white);padding:2px 14px 4px 12px;display:inline-block;margin:0 4px;transform:rotate(-2deg);border-radius:3px 1px 4px 2px/4px 2px 6px 3px}.pingion .pp-info .pp-lead{font-size:18px;line-height:1.55;color:var(--pg-navy);max-width:50ch;margin-bottom:28px}.pingion .pp-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.pingion .pp-spec-block{background:var(--pg-white);border-radius:16px;padding:20px 16px 18px;text-align:center;box-shadow:0 4px 14px #0b1f4d14}.pingion .pp-spec-icon{width:28px;height:28px;margin:0 auto 8px;display:block;color:var(--pg-orange)}.pingion .pp-spec-value{font-family:var(--pg-font-display);font-size:20px;text-transform:uppercase;color:var(--pg-navy);margin:0;line-height:1.1}.pingion .pp-spec-label{font-family:var(--pg-font-script);font-weight:700;font-size:22px;color:var(--pg-orange);margin:6px 0 0;display:inline-block;transform:rotate(-3deg);line-height:1}.pingion .pp-price{font-family:var(--pg-font-display);font-size:40px;color:var(--pg-navy);margin:0 0 22px;display:flex;align-items:baseline;gap:14px}.pingion .pp-price-compare{font-size:22px;color:#0b1f4d73;text-decoration:line-through;font-family:var(--pg-font-body);font-weight:600}.pingion .pp-cta-row{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;margin-bottom:32px}.pingion .pp-qty{display:inline-flex;align-items:stretch;background:var(--pg-white);border:2px solid var(--pg-navy);height:54px;border-radius:4px 2px 5px 3px/5px 3px 6px 2px;overflow:hidden}.pingion .pp-qty-btn{width:44px;background:transparent;border:0;font-family:var(--pg-font-display);font-size:22px;color:var(--pg-navy);cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.pingion .pp-qty-btn:hover{background:var(--pg-offwhite)}.pingion .pp-qty input{width:52px;text-align:center;border:0;border-left:2px solid var(--pg-navy);border-right:2px solid var(--pg-navy);background:transparent;font-family:var(--pg-font-display);font-size:18px;color:var(--pg-navy);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;padding:0}.pingion .pp-qty input::-webkit-outer-spin-button,.pingion .pp-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pingion .pp-usps-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;font-size:15px;color:var(--pg-navy)}.pingion .pp-usp-mini{display:flex;align-items:center;gap:10px;font-family:var(--pg-font-display);text-transform:uppercase;font-size:12px;letter-spacing:.03em;color:var(--pg-navy)}.pingion .pp-usp-mini .pp-check{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--pg-orange)}.pingion .pp-usp-mini .pp-check svg{width:100%;height:100%;display:block}.pingion .pp-usp-banner{background:var(--pg-navy);color:var(--pg-white);padding:36px 0;position:relative;overflow:hidden}.pingion .pp-usp-banner h3{color:var(--pg-white);font-size:17px;margin:14px 0 6px}.pingion .pp-usp-banner p{color:#ffffffb3;font-size:14px;margin:0}.pingion .pp-usp-banner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.pingion .pp-usp-banner-icon{width:56px;height:56px;background:var(--pg-orange);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--pg-white)}.pingion .pp-detail{padding:clamp(48px,6vw,96px) 0;background:var(--pg-offwhite);position:relative;overflow:hidden}.pingion .pp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px);align-items:center}.pingion .pp-detail-block p{color:var(--pg-navy);font-size:17px;max-width:52ch}.pingion .pp-detail-list{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:14px}.pingion .pp-detail-list li{padding-left:42px;position:relative;font-size:17px;color:var(--pg-navy);font-weight:500;line-height:1.4}.pingion .pp-detail-list li:before{content:"";position:absolute;left:0;top:2px;width:26px;height:26px;background:var(--pg-orange);border-radius:4px 2px 5px 3px/5px 3px 6px 2px;transform:rotate(-4deg);box-shadow:2px 2px 0 var(--pg-navy)}.pingion .pp-detail-list li:after{content:"";position:absolute;left:7px;top:10px;width:12px;height:7px;border-left:3px solid var(--pg-white);border-bottom:3px solid var(--pg-white);transform:rotate(-45deg)}.pingion .pp-detail-list li:nth-child(odd):before{transform:rotate(2deg)}.pingion .pp-detail-list li:nth-child(3n):before{transform:rotate(-2deg)}.pingion .pp-detail-image{background:var(--pg-peach);border-radius:18px;padding:32px;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;transform:rotate(1deg)}.pingion .pp-detail-image img{width:100%;height:100%;object-fit:contain;transform:rotate(-2deg);filter:drop-shadow(0 16px 28px rgba(11,31,77,.22))}.pingion .pp-video{padding:clamp(48px,6vw,96px) 0;background:var(--pg-cream);position:relative;overflow:hidden}.pingion .pp-video-head{text-align:center;max-width:720px;margin:0 auto 48px}.pingion .pp-video-head p{font-size:17px;color:#0b1f4da6;margin:0}.pingion .pp-video-wrap{max-width:960px;margin:0 auto;position:relative;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0b1f4d2e;cursor:pointer;background:var(--pg-navy)}.pingion .pp-video-wrap img,.pingion .pp-video-wrap iframe{width:100%;height:100%;object-fit:cover;border:0}.pingion .pp-video-wrap>img{opacity:.55;transition:opacity .3s,transform .4s}.pingion .pp-video-wrap:hover>img{opacity:.4;transform:scale(1.03)}.pingion .pp-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96px;height:96px;background:var(--pg-orange);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pg-white);cursor:pointer;box-shadow:0 8px 24px #0b1f4d4d;transition:transform .25s}.pingion .pp-video-wrap:hover .pp-video-play{transform:translate(-50%,-50%) scale(1.1)}.pingion .pp-video-play svg{width:36px;height:36px;margin-left:4px}.pingion .pp-video-caption{text-align:center;margin-top:20px;color:#0b1f4d99;font-size:14px}.pingion .pp-faq{padding:clamp(48px,6vw,96px) 32px;background:var(--pg-offwhite);position:relative;overflow:hidden}.pingion .pp-faq-wrap{max-width:860px;margin:0 auto;position:relative;z-index:2}.pingion .pp-faq-wrap>h2{margin-bottom:48px;text-align:center}.pingion .pp-faq-list{display:flex;flex-direction:column;gap:4px}.pingion .pp-faq-item{background:var(--pg-white);border-radius:12px;overflow:hidden;transition:box-shadow .2s}.pingion .pp-faq-item[open]{box-shadow:0 4px 20px #0b1f4d1a}.pingion .pp-faq-q{list-style:none;padding:22px 28px;font-family:var(--pg-font-display);font-size:18px;text-transform:uppercase;color:var(--pg-navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;-webkit-user-select:none;user-select:none}.pingion .pp-faq-q::-webkit-details-marker{display:none}.pingion .pp-faq-q:after{content:"+";font-size:28px;font-family:var(--pg-font-display);color:var(--pg-orange);flex-shrink:0;transition:transform .3s}.pingion .pp-faq-item[open] .pp-faq-q:after{transform:rotate(45deg)}.pingion .pp-faq-a{padding:0 28px 22px;color:#0b1f4db3;font-size:16px;line-height:1.65;max-width:680px}.pingion .pp-related{background:var(--pg-offwhite);padding:clamp(48px,6vw,96px) 0;position:relative;overflow:hidden}.pingion .pp-related-head{text-align:center;margin-bottom:48px}.pingion .pp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pingion .pp-related-card{background:var(--pg-white);border-radius:16px;padding:18px;text-align:center;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #0b1f4d0f;display:flex;flex-direction:column}.pingion .pp-related-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0b1f4d1f}.pingion .pp-related-img{background:var(--pg-peach);border-radius:12px;padding:14px;margin-bottom:14px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.pingion .pp-related-card:nth-child(2) .pp-related-img{background:var(--pg-mint)}.pingion .pp-related-card:nth-child(3) .pp-related-img{background:var(--pg-cream)}.pingion .pp-related-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(11,31,77,.2));transition:transform .3s}.pingion .pp-related-card:hover .pp-related-img img{transform:scale(1.05)}.pingion .pp-related-card h3{margin:0 0 8px;font-size:22px}.pingion .pp-related-card .pp-related-price{font-family:var(--pg-font-display);color:var(--pg-orange);font-size:22px;margin-bottom:12px;display:block}.pingion .pp-related-card .pp-related-add{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;font-family:var(--pg-font-display);text-transform:uppercase;font-size:13px;letter-spacing:.04em;padding:12px 22px;background:var(--pg-orange);color:var(--pg-white);border:0;cursor:pointer;transform:rotate(-1.5deg);border-radius:4px 2px 5px 3px/5px 3px 6px 2px;box-shadow:3px 3px 0 var(--pg-navy);transition:transform .2s,box-shadow .2s,background .18s;width:100%;text-decoration:none}.pingion .pp-related-card .pp-related-add:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:5px 5px 0 var(--pg-navy);background:#ff7d50}.pingion .pp-accessoires{padding:clamp(48px,6vw,80px) 0;background:var(--pg-peach);position:relative;overflow:hidden}.pingion .pp-accessoires-head{text-align:center;margin-bottom:36px}.pingion .pp-accessoires-head .pp-eyebrow{font-family:var(--pg-font-script);font-weight:700;color:var(--pg-orange);font-size:20px;display:inline-block;transform:rotate(-3deg);margin-bottom:6px}.pingion .pp-accessoires-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin:0 auto}.pingion .pp-acc-card{background:var(--pg-white);border-radius:14px;padding:18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #0b1f4d14}.pingion .pp-acc-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0b1f4d1f}.pingion .pp-acc-img{background:var(--pg-offwhite);border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;padding:10px}.pingion .pp-acc-img img{width:100%;height:100%;object-fit:contain}.pingion .pp-acc-title{font-family:var(--pg-font-display);text-transform:uppercase;font-size:13px;color:var(--pg-navy);margin:0 0 4px;line-height:1.2}.pingion .pp-acc-price{font-family:var(--pg-font-display);color:var(--pg-orange);font-size:16px;margin-bottom:10px}.pingion .pp-acc-add{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;font-family:var(--pg-font-display);text-transform:uppercase;font-size:11px;letter-spacing:.04em;padding:9px 14px;background:var(--pg-navy);color:var(--pg-white);border:0;cursor:pointer;transform:rotate(-1deg);border-radius:4px 2px 5px 3px/5px 3px 6px 2px;transition:transform .2s,background .18s;width:100%;text-decoration:none}.pingion .pp-acc-add:hover{transform:rotate(0) translateY(-2px);background:var(--pg-orange)}@media(max-width:900px){.pingion .pp-grid{grid-template-columns:1fr}.pingion .pp-usp-banner-grid{grid-template-columns:repeat(2,1fr);gap:24px}.pingion .pp-detail-grid,.pingion .pp-related-grid{grid-template-columns:1fr}.pingion .pp-accessoires-grid{grid-template-columns:repeat(2,1fr)}.pingion .pp-gallery-main{padding:12px;transform:rotate(0);max-width:100%}}@media(max-width:600px){.pingion .pp-spec-grid{grid-template-columns:1fr}.pingion .pp-video-play{width:72px;height:72px}.pingion .pp-video-play svg{width:28px;height:28px}.pingion .pp-btn-add-cart{width:100%}.pingion .pp-cta-row{flex-direction:column;align-items:stretch}.pingion .pp-qty{align-self:flex-start}.pingion .pp-accessoires-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/pingion-product.css.map */