.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;min-width:0}.pp__image-wrap{position:relative;background:var(--bg-section);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1;width:100%}.pp__image{width:100%;height:100%;object-fit:cover}.pp__image--fabric{animation:ppFabricFade .26s ease-out both}@keyframes ppFabricFade{0%{opacity:0}to{opacity:1}}.pp__fabric-close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:#fffffff2;color:var(--charcoal);cursor:pointer;box-shadow:0 2px 10px #00000024;backdrop-filter:blur(4px);transition:background var(--transition-fast),transform var(--transition-fast)}.pp__fabric-close:hover{background:var(--white);transform:scale(1.05)}.pp__fabric-caption{position:absolute;bottom:16px;left:16px;background:#1a1a1ac7;color:var(--white);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;padding:6px 14px;border-radius:var(--radius-full);letter-spacing:.02em;backdrop-filter:blur(4px)}.pp__gallery{display:flex;gap:var(--space-xs, 8px);margin-top:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:2px;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-width:0;max-width:100%}.pp__gallery::-webkit-scrollbar{height:6px}.pp__gallery::-webkit-scrollbar-track{background:transparent}.pp__gallery::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pp__gallery::-webkit-scrollbar-thumb:hover{background:var(--pink-dark)}.pp__gallery-thumb{flex:0 0 auto;width:64px;height:64px;padding:0;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);background:var(--bg-section);cursor:pointer;scroll-snap-align:start;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.pp__gallery-thumb:hover{border-color:var(--pink-dark);transform:translateY(-1px)}.pp__gallery-thumb:focus-visible{outline:2px solid var(--pink-dark);outline-offset:2px}.pp__gallery-thumb--active{border-color:var(--text-primary, #2d2420);box-shadow:0 0 0 1px var(--text-primary, #2d2420)}.pp__gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:767px){.pp__gallery-thumb{width:56px;height:56px}}.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--unavailable{opacity:.35;cursor:not-allowed}.pp__swatch--unavailable:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:var(--taupe);transform:rotate(-45deg);transform-origin:center;pointer-events:none;border-radius:1px}.pp__swatch--unavailable:hover{transform:none}.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}}.pp__stock{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:8px 14px;border-radius:8px;margin-bottom:var(--space-md)}.pp__stock:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.pp__stock--ok{color:var(--stock-ok);background:#e8f5e9}.pp__stock--ok:before{background:var(--stock-ok)}.pp__stock--low{color:var(--stock-low);background:#fff8e1}.pp__stock--low:before{background:var(--stock-low)}.pp__stock--out{color:var(--stock-out);background:#ffebee}.pp__stock--out:before{background:var(--stock-out)}.pp__stock--unknown{color:var(--taupe);background:var(--cream)}.pp__stock--unknown:before{background:var(--taupe)}.pp__add-btn--disabled{opacity:.5;cursor:not-allowed;background:#ccc!important;box-shadow:none!important}.pp__legend{position:relative;margin-top:var(--space-2xl);padding:var(--space-xl);background:linear-gradient(180deg,var(--pink-light) 0%,var(--bg-card) 100%);border:1px solid var(--pink);border-radius:var(--radius-lg);box-shadow:0 4px 24px #d4899a14}.pp__legend-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-card);border:1px solid var(--pink);border-radius:50%;box-shadow:0 2px 8px #d4899a2e}.pp__legend-title{margin:var(--space-sm) 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--accent-hover);text-align:center;line-height:1.2}.pp__legend-intro{margin:0 0 var(--space-lg);color:var(--text-primary);font-size:var(--text-base);line-height:1.65}.pp__legend-benefits-title{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.pp__legend-list{list-style:none;margin:0 0 var(--space-lg);padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.pp__legend-item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-primary);line-height:1.55}.pp__legend-icon{flex-shrink:0;font-size:1.15em;line-height:1.4;width:1.6em;text-align:center}.pp__legend-outro{margin:0 0 var(--space-lg);color:var(--text-secondary);font-size:var(--text-base);line-height:1.65}.pp__legend-closing{margin:0;padding:var(--space-md) var(--space-lg);background:#ffffff8c;border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic;color:var(--accent-hover);line-height:1.45}@media(max-width:768px){.pp__legend{margin-top:var(--space-xl);padding:var(--space-lg)}.pp__legend-title{font-size:var(--text-xl)}.pp__legend-closing{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}}