.ppg-section{padding:40px 24px}@media(max-width:767px){.ppg-section{padding:24px 14px}}.ppg-heading{text-align:center;font-size:28px;font-weight:600;margin:0 0 28px}.ppg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1400px;margin:0 auto}@media(max-width:767px){.ppg-grid{gap:10px}}@media(min-width:768px){.ppg-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.ppg-grid{grid-template-columns:repeat(var(--ppg-columns, 5),1fr)}}@media(max-width:767px){.ppg-grid[data-mobile-carousel=true]{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;gap:10px}.ppg-grid[data-mobile-carousel=true]::-webkit-scrollbar{display:none}.ppg-grid[data-mobile-carousel=true] .ppg-card{flex:0 0 calc((100% / var(--ppg-mobile-cards, 2)) - 20px);scroll-snap-align:start}}.ppg-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;padding:20px 16px 24px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s ease,transform .2s ease}@media(max-width:767px){.ppg-card{padding:14px 10px 16px;border-radius:14px;box-shadow:0 2px 8px #00000014}}.ppg-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.ppg-badge{position:absolute;top:16px;z-index:2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;letter-spacing:.02em}@media(max-width:767px){.ppg-badge{top:10px}}.ppg-discount{left:12px;background:#c6ec4c;color:#1a1a1a;padding:6px 10px;border-radius:999px}@media(max-width:767px){.ppg-discount{left:8px;padding:4px 8px;font-size:10px}}.ppg-gender{right:12px;width:32px;height:32px;border-radius:50%;background:#c6ec4c}@media(max-width:767px){.ppg-gender{right:8px;width:26px;height:26px}.ppg-gender svg{width:14px;height:14px}}.ppg-gender--male{background:#aee0f5}.ppg-gender svg{width:18px;height:18px}.ppg-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:220px;margin:12px 0 16px;overflow:hidden;border-radius:10px}@media(max-width:767px){.ppg-image-wrap{height:190px;margin:6px 0 10px}}.ppg-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .35s ease}.ppg-card:hover .ppg-image{transform:scale(1.04)}.ppg-hover-info{position:absolute;inset:auto 0 0 0;background:linear-gradient(0deg,#000000bf,#0000);color:#fff;padding:20px 10px 10px;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;text-align:left;pointer-events:none}.ppg-card:hover .ppg-hover-info{opacity:1;transform:translateY(0)}.ppg-hover-row{margin:0 0 2px;font-size:11px;line-height:1.4}.ppg-hover-label{font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-right:4px}.ppg-info{text-align:center}.ppg-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.01em;margin:0 0 8px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}@media(max-width:767px){.ppg-title{font-size:11.5px;min-height:28px;margin:0 0 6px}}.ppg-rating{display:flex;align-items:center;justify-content:center;gap:2px;margin-bottom:8px;font-size:13px}.ppg-star{color:#d9d9d9}.ppg-star.is-filled{color:#f5b400}.ppg-rating-count{color:#777;margin-left:4px;font-size:12px}.ppg-price{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}@media(max-width:767px){.ppg-price{flex-wrap:nowrap;gap:5px}}.ppg-price-current{font-size:17px;font-weight:800;white-space:nowrap}.ppg-price-compare{font-size:14px;font-weight:600;color:#9a9a9a;text-decoration:line-through;white-space:nowrap}@media(max-width:767px){.ppg-price-current{font-size:14px}.ppg-price-compare{font-size:11.5px}}.ppg-view-all-wrap{display:flex;justify-content:center;margin-top:32px}.ppg-view-all{display:inline-block;padding:12px 32px;border:2px solid #1a1a1a;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#1a1a1a;text-decoration:none;background:transparent;transition:background .2s ease,color .2s ease}.ppg-view-all:hover{background:#1a1a1a;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/2/assets/perfume-product-grid.css.map */