.pp{padding-top:90px;padding-bottom:var(--space-3xl);min-height:100vh;background:var(--bg-main)}.pp__container{max-width:1000px}.pp__back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;margin-bottom:var(--space-xl);transition:color .2s}.pp__back:hover{color:var(--pink-dark)}.pp__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.pp__image-col{position:sticky;top:100px}.pp__image-wrap{position:relative;background:var(--bg-section);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1}.pp__image{width:100%;height:100%;object-fit:cover}.pp__badge{position:absolute;top:16px;left:16px;background:var(--pink-dark);color:#fff;font-size:9px;font-weight:400;letter-spacing:2px;text-transform:uppercase;padding:4px 14px;border-radius:var(--radius-full)}.pp__name{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-light);color:var(--charcoal);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.pp__desc{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-xl)}.pp__price-block{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xl)}.pp__price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary)}.pp__unit-price{font-size:var(--text-sm);color:var(--text-muted)}.pp__field{margin-bottom:var(--space-xl)}.pp__label{display:block;font-size:10px;font-weight:var(--weight-regular);letter-spacing:3px;text-transform:uppercase;color:var(--pink-dark);margin-bottom:var(--space-sm)}.pp__sizes{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pp__size-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-lg);border:1px solid var(--pink);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:border-color .2s,background .2s;font-family:var(--font-body);font-weight:300}.pp__size-btn:hover{border-color:var(--pink-dark)}.pp__size-btn--active{border-color:var(--pink-dark);background:var(--pink-light)}.pp__size-price{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.pp__colors{display:flex;flex-direction:column;gap:12px}.pp__color-group{display:flex;flex-direction:column;gap:6px}.pp__color-group-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--taupe);font-weight:400}.pp__color-group-swatches{display:flex;flex-wrap:wrap;gap:6px}.pp__swatch{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;position:relative;transition:transform .2s;box-shadow:0 1px 4px #0000001a}.pp__swatch:hover{transform:scale(1.15)}.pp__swatch--active{outline:2px solid var(--charcoal);outline-offset:2px}.pp__swatch-border{position:absolute;inset:0;border-radius:50%;border:1px solid #ddd}.pp__qty{display:inline-flex;align-items:center;border:1px solid var(--pink);border-radius:var(--radius-md);overflow:hidden}.pp__qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;background:none;border:none;cursor:pointer;color:var(--text-primary);transition:background .2s}.pp__qty-btn:hover:not(:disabled){background:var(--pink-light)}.pp__qty-btn:disabled{opacity:.3}.pp__qty-value{min-width:44px;text-align:center;font-size:var(--text-lg);font-weight:700}.pp__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:16px;background:var(--pink-dark);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s;box-shadow:0 4px 16px #d4899a4d;margin-bottom:var(--space-lg)}.pp__add-btn:hover{transform:translateY(-2px);background:var(--burgundy);box-shadow:0 8px 24px #d4899a66}.pp__add-btn--added{background:linear-gradient(135deg,var(--stock-ok) 0%,#3a7a4c 100%)}.pp__add-total{opacity:.8}.pp__delivery{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-md);background:var(--bg-section);border-radius:var(--radius-md)}@media(max-width:767px){.pp{padding-top:70px}.pp__layout{grid-template-columns:1fr;gap:var(--space-xl)}.pp__image-col{position:static}.pp__name{font-size:var(--text-3xl)}.pp__add-btn{min-height:52px}.pp__qty-btn{width:48px;height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pp__swatch{width:36px;height:36px}.pp__size-btn{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pp__add-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pp__back{min-height:44px;display:inline-flex;align-items:center}}