.pf-hero{padding:var(--space-4) var(--space-3);max-width:1500px;margin:0 auto}.pf-hero__grid{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-2);align-items:start}@media(max-width:1024px){.pf-hero__grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}}@media(max-width:768px){.pf-hero__grid{grid-template-columns:1fr}.pf-mobile-header{order:1}.pf-gallery-wrap{order:2}.pf-info{order:3}.pf-hero{padding-bottom:80px}}.pf-gallery-wrap{min-width:0}.pf-gallery-layout{display:flex;gap:var(--space-2);align-items:center;height:700px;overflow:visible;position:relative}.pf-thumbs{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pf-thumb{width:72px;height:72px;padding:0;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;overflow:hidden;transition:border-color .15s ease}.pf-thumb:hover{border-color:var(--color-text-muted)}.pf-thumb.is-active{border-color:var(--accent-default);box-shadow:0 0 0 1px var(--accent-default)}.pf-thumb img{width:100%;height:100%;object-fit:contain;display:block}.pf-main-image{flex:1;min-width:0;background:transparent;border:none;padding:0;position:relative}.pf-main-image img{width:100%;height:auto;object-fit:contain;display:block}.pf-sku-label{position:absolute;top:var(--space-2);left:80px;font-family:var(--font-mono-family);font-size:.875rem;font-weight:500;color:var(--color-text-muted);padding:4px 10px;background:#f2f2f2d6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;pointer-events:none;transition:opacity .15s ease;z-index:1;white-space:nowrap}.pf-main-image--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);aspect-ratio:4 / 3}.pf-gallery-placeholder-text{font-family:var(--font-mono-family);font-size:.875rem;color:var(--color-text-muted)}@media(max-width:1024px){.pf-gallery-layout{height:500px}.pf-sku-label{left:70px}}@media(max-width:768px){.pf-gallery-layout{flex-direction:column;height:auto}.pf-main-image{order:1;min-height:280px}.pf-sku-label{order:2;position:static;text-align:center;align-self:center;left:auto;top:auto;margin:var(--space-1) 0}.pf-thumbs{order:3;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.pf-thumbs::-webkit-scrollbar{display:none}.pf-thumb{width:60px;height:60px;flex-shrink:0}}.pf-info{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.pf-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:1024px){.pf-title{font-size:1.5rem}}.pf-mobile-header{display:none}@media(max-width:768px){.pf-mobile-header{display:flex;flex-direction:column;gap:4px}.pf-info>.pf-title,.pf-info>.pf-price-block{display:none}}.pf-cta-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pf-cta-row{display:flex;align-items:center;gap:var(--space-2);width:100%}.pf-compat-badge[hidden],.pf-compat-mismatch[hidden]{display:none!important}.pf-compat-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;background:none;border:none}.pf-compat-badge__icon{stroke:#16a34a;flex-shrink:0}.pf-compat-badge__text{font-size:.9375rem;color:#16a34a;font-weight:600}.pf-compat-mismatch{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-1);padding:var(--space-2);background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--card-radius)}.pf-compat-mismatch__icon{stroke:#d97706;flex-shrink:0;margin-top:2px}.pf-compat-mismatch__text{font-size:.8125rem;color:#92400e;flex:1;min-width:200px}.pf-compat-mismatch__actions{display:flex;gap:var(--space-2);width:100%;margin-top:var(--space-1)}.pf-compat-mismatch__link{font-size:.8125rem;font-weight:600;color:#d97706;text-decoration:underline;text-underline-offset:2px}.pf-compat-mismatch__link:hover{color:#92400e}.pf-compat-mismatch__btn{font-size:.75rem;font-weight:600;padding:4px 12px;background:#d97706;color:#fff;border:none;border-radius:4px;cursor:pointer}.pf-compat-mismatch__btn:hover{background:#b45309}.pf-price-block{display:flex;align-items:baseline;gap:10px;margin:0}.pf-price{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.pf-compare-price{font-size:1rem;color:var(--color-text-muted);text-decoration:line-through}.pf-savings{font-size:.875rem;font-weight:600;color:#16a34a}.pf-desc{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.pf-add-kit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 28px;width:100%;background:var(--accent-default);color:var(--color-white);border:none;border-radius:var(--card-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.pf-add-kit-btn:hover{opacity:.9}.pf-add-kit-btn:disabled{opacity:.5;cursor:not-allowed}.pf-add-kit-btn--success{background:#16a34a}.pf-add-kit-btn--error{background:#dc2626}.pf-trust-signals{display:flex;flex-direction:column;gap:var(--space-2)}.pf-trust-rating{display:flex;align-items:center;gap:8px}.pf-trust-stars{display:inline-flex;gap:2px}.pf-trust-rating__text{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.pf-trust-rating__count{font-size:.8125rem;color:var(--color-text-muted)}.pf-trust-items{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pf-trust-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-secondary)}.pf-kit-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:var(--card-radius);margin:var(--space-1) 0}.pf-kit-notice[hidden]{display:none}.pf-kit-notice svg{stroke:#2563eb;flex-shrink:0;margin-top:1px}.pf-kit-notice span{font-size:.8125rem;color:#1e40af;line-height:1.4}.pf-kit-details{border-top:1px solid var(--color-border);padding-top:var(--space-2)}.pf-kit-summary{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) 0;list-style:none;display:flex;align-items:center;gap:6px}.pf-kit-summary:before{content:"\25b8";transition:transform .15s ease}.pf-kit-details[open] .pf-kit-summary:before{transform:rotate(90deg)}.pf-kit-summary::-webkit-details-marker{display:none}.pf-kit-list{list-style:disc;padding-left:var(--space-3);margin:var(--space-1) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.pf-kit-list li{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.pf-kit-list li.is-highlighted{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--accent-default)}.pf-content{padding:var(--space-4) var(--space-3);max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.pf-section{margin-bottom:var(--space-4)}.pf-section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.pf-section-desc{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 var(--space-3)}.pf-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-2)}@media(max-width:540px){.pf-feature-grid{grid-template-columns:1fr}}.pf-feature-item{display:flex;align-items:flex-start;gap:10px;padding:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px}.pf-feature-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.pf-feature-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.pf-specs-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-3)}.pf-specs-card__heading{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.03em}.pf-specs-card__rows{display:flex;flex-direction:column;gap:var(--space-2)}.pf-specs-card__row{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.pf-specs-card__row:last-child{border-bottom:none;padding-bottom:0}.pf-specs-card__label{font-family:var(--font-mono-family);font-size:.8125rem;color:var(--color-text-muted)}.pf-specs-card__value{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.pf-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2)}@media(max-width:540px){.pf-gallery{grid-template-columns:1fr}}.pf-gallery__item{border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--color-border)}.pf-gallery__item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.pf-video-wrap{border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface)}.pf-video-wrap video{width:100%;display:block}.pf-material-label{font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.pf-material-toggle{display:flex;gap:8px}.pf-material-toggle__btn{flex:1;padding:10px 16px;border:1px solid var(--color-border);border-radius:10px;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;text-align:center;letter-spacing:.02em}.pf-material-toggle__btn.is-active{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--accent-default);box-shadow:0 0 0 1px var(--accent-default)}.pf-material-toggle__btn:hover:not(.is-active){border-color:var(--color-text-muted);color:var(--color-text-primary)}.pf-add-feedback{text-align:center;font-size:.875rem;padding:2px 0}.pf-add-feedback.success{color:#16a34a}.pf-add-feedback.error{color:#dc2626}@keyframes pf-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.pf-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:pf-shimmer 1.2s ease-in-out infinite;border-radius:4px;color:transparent!important;pointer-events:none}.pf-thumb.pf-skeleton{color:transparent!important;background:linear-gradient(90deg,#f0f0f0 25%,#d9d9d9,#f0f0f0 75%);background-size:200% 100%;animation:pf-shimmer 1s ease-in-out infinite}.pf-thumb.pf-skeleton img{opacity:0}@keyframes pf-thumb-reveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pf-thumb.pf-revealed{animation:pf-thumb-reveal .3s ease-out forwards}.pf-thumb.pf-revealed img{opacity:1}@keyframes pf-loading-bar{0%{width:0}40%{width:55%}80%{width:85%}to{width:100%}}.pf-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2;border-radius:4px}.pf-loading-bar{width:120px;height:3px;background:var(--color-border, #e5e7eb);border-radius:2px;overflow:hidden}.pf-loading-bar__fill{height:100%;background:var(--accent-default, #3b82f6);border-radius:2px;animation:pf-loading-bar 1.5s ease-out forwards}.pf-material-toggle-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;position:relative}.pf-material-info-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;margin-top:6px;cursor:pointer;color:var(--color-text-muted, #9ca3af);font-size:.75rem;transition:color .15s ease}.pf-material-info-trigger:before{content:"\25b8";font-size:.65rem;transition:transform .15s ease}.pf-material-info-trigger.is-open:before{transform:rotate(90deg)}.pf-material-info-trigger:hover{color:var(--color-text-secondary, #6b7280)}.pf-material-info-tooltip{width:100%;margin-top:4px;padding:var(--space-2);background:var(--color-surface, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary, #6b7280)}.pf-material-info-tooltip[hidden]{display:none}.pf-material-info-tooltip p{margin:0}.pf-material-info-tooltip p+p{margin-top:6px}.pf-material-info-tooltip strong{color:var(--color-text-primary, #111827);font-weight:600}.pf-material-toggle__btn:disabled{opacity:.4;cursor:not-allowed}.wizard-result-mount .pf-hero{max-width:1500px}@media(max-width:768px){.wizard-result-mount .pf-main-image{min-height:280px}.wizard-result-mount .pf-hero{padding-left:0;padding-right:0}.wizard-result-mount .pf-gallery-wrap,.wizard-result-mount .pf-main-image img{width:100%}.wizard-result-mount .pf-gallery-layout{padding:0}}.pf-features-visual{max-width:1500px;margin-left:auto;margin-right:auto;padding-left:var(--space-3);padding-right:var(--space-3)}.pf-feat-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:768px){.pf-feat-highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pf-feat-highlights{grid-template-columns:1fr}}.pf-feat-card{border-radius:var(--card-radius);overflow:hidden;background:transparent;text-align:center}.pf-feat-card>img{width:100%;height:450px;object-fit:cover;display:block;border-radius:var(--card-radius)}.pf-feat-card__body{padding:var(--space-2) var(--space-1)}.pf-feat-card__label{display:block;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.pf-feat-card__desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.pf-features-split-wrap{max-width:1500px;margin:0 auto;padding:var(--space-4) var(--space-3)}.pf-features-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}@media(max-width:768px){.pf-features-split{grid-template-columns:1fr}}.pf-features-split__img img{width:100%;height:auto;display:block;border-radius:var(--card-radius)}.pf-features-split__content{padding:var(--space-4) var(--space-4)}.pf-features-split__content .pf-section-title{margin-bottom:var(--space-2)}.pf-features-list{grid-template-columns:1fr;gap:12px}.pf-features-list .pf-trust-item{align-items:flex-start}.pf-features-list .pf-trust-item svg{flex-shrink:0;margin-top:2px}.pf-view-details{display:inline-flex;align-items:center;font-size:.875rem;color:var(--accent-default);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-family-page.css.map */