.ppc-section{background:var(--ppc-bg, #FAFAF9);color:var(--ppc-text, #1A1A1A);padding:clamp(36px,6vw,72px) clamp(16px,3vw,40px);font-family:inherit}.ppc-container{max-width:1440px;margin:0 auto}.ppc-header{text-align:center;margin-bottom:clamp(24px,4vw,44px)}.ppc-heading{font-size:clamp(20px,3.2vw,36px);font-weight:600;margin:0 0 8px;letter-spacing:-.01em;line-height:1.2}.ppc-subheading{font-size:clamp(13px,1.6vw,16px);opacity:.6;margin:0;line-height:1.5}.ppc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,28px)}@media(min-width:600px){.ppc-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.ppc-grid{grid-template-columns:repeat(var(--ppc-cols, 4),1fr)}}.ppc-card{background:var(--ppc-card-bg, #fff);border-radius:var(--ppc-radius, 16px);overflow:hidden;box-shadow:0 1px 2px #0000000a,0 6px 18px #0000000a;transition:box-shadow .35s ease,transform .35s ease;display:flex;flex-direction:column}@media(hover:hover)and (pointer:fine){.ppc-card:hover{box-shadow:0 4px 10px #0000000f,0 16px 36px #00000014;transform:translateY(-4px)}}.ppc-media-link{display:block;text-decoration:none;color:inherit}.ppc-media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#f2f2f0;border-radius:var(--ppc-radius, 16px) var(--ppc-radius, 16px) 0 0}.ppc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .6s ease}.ppc-img--front{opacity:1;z-index:1}.ppc-img--back{opacity:0;z-index:2}@media(hover:hover)and (pointer:fine){.ppc-card:hover .ppc-img--front{transform:scale(1.04)}.ppc-card:hover .ppc-img--back{opacity:1;transform:scale(1.04)}}.ppc-badge{position:absolute;top:10px;left:10px;z-index:3;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;letter-spacing:.02em;background:#e2483ceb;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000002e}@media(hover:hover)and (pointer:fine){.ppc-quick-add{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;padding:12px 16px;border:none;border-radius:calc(var(--ppc-radius, 16px) * .55);background:var(--ppc-accent, #1A1A1A);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.ppc-card:hover .ppc-quick-add{opacity:1;transform:translateY(0)}}@media(hover:none),(pointer:coarse){.ppc-quick-add{position:static;display:block;width:100%;margin-top:10px;padding:11px 16px;border:none;border-radius:calc(var(--ppc-radius, 16px) * .55);background:var(--ppc-accent, #1A1A1A);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer}}.ppc-quick-add:disabled{opacity:.5;cursor:not-allowed}.ppc-quick-add:active{transform:scale(.98)}.ppc-info{padding:clamp(10px,1.6vw,16px) 4px 4px;display:flex;flex-direction:column;flex:1}.ppc-title-link{text-decoration:none;color:inherit}.ppc-title{font-size:clamp(12.5px,1.4vw,15px);font-weight:500;margin:0 0 6px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppc-price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ppc-price{font-size:clamp(12.5px,1.4vw,15px);font-weight:600}.ppc-compare-price{font-size:clamp(11px,1.1vw,13px);opacity:.5;text-decoration:line-through}.ppc-view-all-wrap{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}.ppc-view-all-btn{display:inline-block;padding:clamp(11px,1.6vw,14px) clamp(24px,4vw,34px);border:1.5px solid var(--ppc-accent, #1A1A1A);border-radius:999px;color:var(--ppc-accent, #1A1A1A);background:transparent;font-size:clamp(13px,1.3vw,14px);font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background .3s ease,color .3s ease,transform .2s ease;white-space:nowrap}@media(hover:hover)and (pointer:fine){.ppc-view-all-btn:hover{background:var(--ppc-accent, #1A1A1A);color:#fff}}.ppc-view-all-btn:active{transform:scale(.97)}@media(max-width:380px){.ppc-grid{gap:10px}.ppc-badge{font-size:10px;padding:4px 8px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/premium-product-cards.css.map */