.product-benefits{position:relative;isolation:isolate;padding-top:15%;padding-bottom:10%;z-index:var(--pb-z, -1);background:linear-gradient(var(--pb-grad-angle),var(--pb-grad-a),var(--pb-grad-b) 50%,var(--pb-grad-c))}.product-benefits:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;--sz: var(--check-size, 64px);--whiteAlpha: rgba(255,255,255, var(--check-opacity, .15));background:conic-gradient(from 90deg at 50% 50%,var(--whiteAlpha) 0 90deg,transparent 0 180deg,var(--whiteAlpha) 0 270deg,transparent 0) 0 0 / var(--sz) var(--sz)}.product-benefits .pb-left-stick{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.product-benefits .pb-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;gap:3vw;max-width:var(--pb-max-width, 1200px);margin:0 auto;padding:0 clamp(16px,2vw,24px)}.product-benefits .pb-left{position:relative}.product-benefits .pb-left-stick{position:sticky;top:var(--pb-sticky-top, 24px);display:grid;place-items:center;overflow:visible}.product-benefits .pb-left-img{width:130%;max-width:130%;height:auto;display:block;border-radius:0;drop-shadow(10px 14px 12px rgba(0,0,0,.18));*/ position: relative;z-index:2;animation:hoverFloat 3.5s ease-in-out infinite alternate;will-change:transform,filter;transition:transform .2s cubic-bezier(.22,1,.36,1)}@keyframes hoverFloat{0%{transform:translateY(-7px) scale(.9) rotate(-1deg)}to{transform:translateY(7px) scale(.9) rotate(0)}}.product-benefits .pb-left-placeholder{width:100%;aspect-ratio:3 / 4;display:grid;place-items:center;background:#ffffff40;border:2px dashed rgba(0,0,0,.2)}.product-benefits .pb-left-shape{position:absolute;z-index:1;width:min(105%,680px);height:auto;pointer-events:none;animation:pb-spin linear infinite;animation-duration:var(--pb-shape-rotation-duration, 36s);transform-origin:center center;filter:drop-shadow(0 6px 24px rgba(0,0,0,.15))}.product-benefits .pb-right{display:grid;gap:var(--pb-card-gap, 24px);align-content:start}.product-benefits .benefit-card{position:relative;display:grid;align-items:center;padding:15px 40px;background:var(--card-bg, #FFD24D);border-radius:var(--pb-card-radius);box-shadow:0 0 0 8px var(--pb-outer-stroke, #0D1B3E),0 10px 26px #0000001f;overflow:visible}.product-benefits .benefit-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--pb-card-radius);border:8px solid var(--card-inner-stroke, rgba(0,0,0,.15));pointer-events:none;box-sizing:border-box}.product-benefits .card-icon-left,.product-benefits .card-badge-right{position:absolute;z-index:3;pointer-events:none}.product-benefits .card-icon-left{top:-33px;left:-30px;width:70px;height:auto}.product-benefits .card-badge-right{top:-40px;right:calc(var(--pb-corner-offset, -14px));width:36%;height:auto}.benefit-card:nth-child(4) .card-badge-right{width:55%!important}.product-benefits .card-body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:clamp(72px,9vw,118px)}.product-benefits .card-title{margin:0;font-family:GamePaused,system-ui,sans-serif;font-size:46px;line-height:.95;letter-spacing:-.2px;color:var(--pb-title-color, #0A0A0A);text-transform:uppercase}.product-benefits .card-desc{margin:0;font-family:Switzer-Semibold,system-ui,sans-serif;font-weight:600;font-size:22px;line-height:1.15;letter-spacing:-.7px;color:var(--pb-desc-color, #0A0A0A)}@media (max-width: 1024px){.product-benefits .pb-wrap{grid-template-columns:1fr}.product-benefits .pb-left{margin-bottom:18px}.product-benefits .pb-left-stick{position:relative;top:auto}.product-benefits .pb-right{padding:0 5vw}.product-benefits{padding-bottom:28%}}@media (min-width: 1700px){.product-benefits{padding-top:10%}}@keyframes pb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 560px){.product-benefits .card-title{font-size:38px}.product-benefits .card-desc{font-size:18px}.product-benefits .card-badge-right{width:46%}.benefit-card:nth-child(4) .card-badge-right{width:75%!important}.product-benefits .benefit-card{padding:25px 40px!important;box-shadow:0 0 0 6px var(--pb-outer-stroke, #0D1B3E),0 10px 26px #0000001f}.product-benefits .benefit-card:after{border:5px solid var(--card-inner-stroke, rgba(0, 0, 0, .15))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-benefits.css.map */