.pdp-gallery[data-v-411ae64d]{width:50%;max-width:8rem;position:sticky;top:1.226667rem;flex-shrink:0}.pdp-main-image[data-v-411ae64d]{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:.013333rem solid var(--color-border-light);cursor:crosshair;margin-bottom:var(--spacing-md)}.pdp-main-img[data-v-411ae64d]{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pdp-main-image[zoomed] .pdp-main-img[data-v-411ae64d]{transform:scale(3);transform-origin:calc(var(--x)*100%) calc(var(--y)*100%)}.pdp-thumbnail-strip[data-v-411ae64d]{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.thumbnail-track[data-v-411ae64d]{display:flex;gap:var(--spacing-sm);overflow-x:auto;scroll-behavior:smooth;padding:.026667rem 0}.thumbnail-track[data-v-411ae64d]::-webkit-scrollbar{display:none}.thumbnail-nav[data-v-411ae64d]{flex-shrink:0;width:.426667rem;height:.426667rem;border-radius:var(--radius-round);border:.013333rem solid var(--color-border);background:var(--color-bg-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.thumbnail-nav[data-v-411ae64d]:disabled{opacity:.3;cursor:not-allowed}.thumbnail-nav[data-v-411ae64d]:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.arrow-left[data-v-411ae64d],.arrow-right[data-v-411ae64d]{display:block;width:.093333rem;height:.093333rem;border-top:.026667rem solid var(--color-text-primary);border-right:.026667rem solid var(--color-text-primary)}.arrow-left[data-v-411ae64d]{transform:rotate(-135deg);margin-left:.026667rem}.arrow-right[data-v-411ae64d]{transform:rotate(45deg);margin-right:.026667rem}.thumbnail-item[data-v-411ae64d]{flex-shrink:0;width:.96rem;height:.96rem;border:.026667rem solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--color-bg-white);padding:0;transition:border-color var(--transition-fast)}.thumbnail-item.active[data-v-411ae64d],.thumbnail-item[data-v-411ae64d]:hover{border-color:var(--color-primary)}.thumbnail-item img[data-v-411ae64d]{width:100%;height:100%;object-fit:contain}@media (max-width:1024px){.pdp-gallery[data-v-411ae64d]{width:100%;max-width:100%;position:static}.pdp-main-image[data-v-411ae64d]{max-width:6.666667rem;margin:0 auto}}@media (max-width:768px){.pdp-main-image[data-v-411ae64d]{max-width:100%}}.pdp-related[data-v-3e1bd200]{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.related-swiper[data-v-3e1bd200]{overflow:hidden}.related-card[data-v-3e1bd200]{background:var(--color-bg-card);border:.013333rem solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.related-card[data-v-3e1bd200]:hover{transform:translateY(-.053333rem);box-shadow:var(--shadow-card-hover)}.related-img-link[data-v-3e1bd200]{display:block;background:var(--color-bg-secondary)}.related-img[data-v-3e1bd200]{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;transition:transform var(--transition-slow)}.related-card:hover .related-img[data-v-3e1bd200]{transform:scale(1.03)}.related-info[data-v-3e1bd200]{padding:var(--spacing-sm)}.related-name[data-v-3e1bd200]{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-xs)}.related-name[data-v-3e1bd200]:hover{color:var(--color-primary)}.related-price[data-v-3e1bd200]{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-sm)}.current-price[data-v-3e1bd200]{color:var(--color-price)}.related-qty[data-v-3e1bd200]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--spacing-sm)}.qty-btn-sm[data-v-3e1bd200]{width:.4rem;height:.4rem;border:.013333rem solid var(--color-border);background:var(--color-bg-secondary);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.qty-btn-sm[data-v-3e1bd200]:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.qty-btn-sm[data-v-3e1bd200]:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.qty-btn-sm[data-v-3e1bd200]:hover:not(:disabled){background:var(--color-border-light)}.qty-btn-sm[data-v-3e1bd200]:disabled{color:var(--color-text-disabled);cursor:not-allowed}.qty-input-sm[data-v-3e1bd200]{width:.586667rem;height:.4rem;text-align:center;border:.013333rem solid var(--color-border);border-left:none;border-right:none;font-size:var(--font-size-sm);color:var(--color-text-primary);-moz-appearance:textfield}.qty-input-sm[data-v-3e1bd200]::-webkit-inner-spin-button,.qty-input-sm[data-v-3e1bd200]::-webkit-outer-spin-button{-webkit-appearance:none}.related-add-btn[data-v-3e1bd200]{width:100%;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1024px){.related-swiper .swiper-slide[data-v-3e1bd200]{width:50%!important}}@media (max-width:768px){.related-swiper .swiper-slide[data-v-3e1bd200]{width:100%!important}}.pdp-page[data-v-2877f7d8]{max-width:19.2rem;margin:0 auto;padding:var(--spacing-md) var(--spacing-md) var(--spacing-xl)}.pdp-breadcrumb[data-v-2877f7d8]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.breadcrumb-link[data-v-2877f7d8]{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link[data-v-2877f7d8]:hover{color:var(--color-primary)}.breadcrumb-separator[data-v-2877f7d8]{color:var(--color-border)}.breadcrumb-current[data-v-2877f7d8]{color:var(--color-text-primary);font-weight:500}.pdp-loading[data-v-2877f7d8]{padding:var(--spacing-lg) 0}.pdp-skeleton[data-v-2877f7d8]{display:flex;gap:var(--spacing-xl)}.skeleton-image[data-v-2877f7d8]{width:6.666667rem;height:6.666667rem;border-radius:var(--radius-md);flex-shrink:0}.pdp-skeleton-info[data-v-2877f7d8]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-title[data-v-2877f7d8]{width:70%;height:.48rem;border-radius:var(--radius-sm)}.skeleton-price[data-v-2877f7d8]{width:30%;height:.426667rem;border-radius:var(--radius-sm)}.skeleton-specs[data-v-2877f7d8]{width:100%;height:1.6rem;border-radius:var(--radius-sm)}.skeleton-btn[data-v-2877f7d8]{width:100%;height:.746667rem;border-radius:var(--radius-full)}.pdp-content[data-v-2877f7d8]{display:flex;gap:var(--spacing-xl);align-items:flex-start;padding-bottom:var(--spacing-xl)}.pdp-details-section[data-v-2877f7d8]{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.pdp-tabs[data-v-2877f7d8]{display:flex;border-bottom:.026667rem solid var(--color-border-light);gap:0;overflow-x:auto}.pdp-tab[data-v-2877f7d8]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:.026667rem solid transparent;margin-bottom:-.026667rem;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.pdp-tab[data-v-2877f7d8]:hover{color:var(--color-text-primary)}.pdp-tab.tab-active[data-v-2877f7d8]{color:var(--color-text-primary);border-bottom-color:var(--color-primary);font-weight:600}.pdp-tab-content[data-v-2877f7d8]{padding:var(--spacing-lg) 0}@media (max-width:1024px){.pdp-content[data-v-2877f7d8]{flex-direction:column}}.pdp-error[data-v-2877f7d8]{padding:var(--spacing-xl) 0}.error-wrapper[data-v-2877f7d8]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:5.333333rem;gap:var(--spacing-md);text-align:center}.error-icon[data-v-2877f7d8]{width:.853333rem;height:.853333rem;border-radius:var(--radius-full);background:var(--color-danger-light);color:var(--color-danger);font-size:var(--text-3xl);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center}.error-text[data-v-2877f7d8]{font-size:var(--text-base);color:var(--color-text-secondary)}