.product-detail-page[data-v-7559a6e2]{background:#f5f6f7;min-height:100vh}.page-header[data-v-7559a6e2]{background:#fff;border-bottom:1px solid #eee}.page-header .header-container[data-v-7559a6e2]{margin:0 auto;max-width:1200px;padding:12px 24px}.page-header .breadcrumb[data-v-7559a6e2]{align-items:center;display:flex;font-size:13px;gap:8px}.page-header .breadcrumb .breadcrumb-item[data-v-7559a6e2]{color:#666;cursor:pointer;transition:color .2s}.page-header .breadcrumb .breadcrumb-item[data-v-7559a6e2]:hover{color:#36a855}.page-header .breadcrumb .separator[data-v-7559a6e2]{color:#ccc}.page-header .breadcrumb .breadcrumb-current[data-v-7559a6e2]{color:#36a855;font-weight:500}.product-hero[data-v-7559a6e2]{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:60px 24px}.product-hero .hero-container[data-v-7559a6e2]{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px}.product-hero .hero-content[data-v-7559a6e2]{color:#fff;flex:1}.product-hero .product-badge[data-v-7559a6e2]{background:#36a85533;border:1px solid rgba(54,168,85,.3);border-radius:20px;color:#4ade80;display:inline-block;font-size:13px;margin-bottom:16px;padding:6px 16px}.product-hero .product-title[data-v-7559a6e2]{background:linear-gradient(135deg,#fff,#a5f3fc);-webkit-background-clip:text;font-size:36px;font-weight:700;margin:0 0 12px;-webkit-text-fill-color:transparent;background-clip:text}.product-hero .product-subtitle[data-v-7559a6e2]{font-size:16px;line-height:1.6;margin:0 0 32px;opacity:.8}.product-hero .product-actions[data-v-7559a6e2]{display:flex;flex-wrap:wrap;gap:12px}.product-hero .btn-primary[data-v-7559a6e2],.product-hero .btn-secondary[data-v-7559a6e2]{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s}.product-hero .btn-primary[data-v-7559a6e2]{background:linear-gradient(135deg,#36a855,#22c55e);border:none;color:#fff}.product-hero .btn-primary[data-v-7559a6e2]:hover{box-shadow:0 8px 24px #36a85566;transform:translateY(-2px)}.product-hero .btn-secondary[data-v-7559a6e2]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:#fff}.product-hero .btn-secondary[data-v-7559a6e2]:hover{background:#fff3}.product-hero .hero-image[data-v-7559a6e2]{flex-shrink:0}.product-hero .hero-image .image-wrapper[data-v-7559a6e2]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;display:flex;height:320px;justify-content:center;padding:24px;width:420px}.product-hero .hero-image .image-wrapper img[data-v-7559a6e2]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.section-nav[data-v-7559a6e2]{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.section-nav .nav-container[data-v-7559a6e2]{display:flex;gap:4px;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 24px}.section-nav .nav-container[data-v-7559a6e2]::-webkit-scrollbar{display:none}.section-nav .nav-item[data-v-7559a6e2]{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:16px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.section-nav .nav-item .nav-icon[data-v-7559a6e2]{align-items:center;display:flex;opacity:.7}.section-nav .nav-item[data-v-7559a6e2]:hover{color:#36a855}.section-nav .nav-item:hover .nav-icon[data-v-7559a6e2]{opacity:1}.section-nav .nav-item.active[data-v-7559a6e2]{border-bottom-color:#36a855;color:#36a855;font-weight:500}.section-nav .nav-item.active .nav-icon[data-v-7559a6e2]{opacity:1}.page-content[data-v-7559a6e2]{margin:0 auto;max-width:1200px;padding:40px 24px}@media (max-width:1024px){.product-hero .hero-container[data-v-7559a6e2]{flex-direction:column;text-align:center}.product-hero .hero-content[data-v-7559a6e2]{order:2}.product-hero .hero-image[data-v-7559a6e2]{order:1}.product-hero .hero-image .image-wrapper[data-v-7559a6e2]{height:260px;width:320px}.product-hero .product-actions[data-v-7559a6e2]{justify-content:center}}@media (max-width:768px){.product-hero[data-v-7559a6e2]{padding:40px 16px}.product-hero .product-title[data-v-7559a6e2]{font-size:28px}.product-hero .hero-image .image-wrapper[data-v-7559a6e2]{height:220px;width:280px}.section-nav .nav-item[data-v-7559a6e2]{font-size:13px;padding:14px 16px}.page-content[data-v-7559a6e2]{padding:24px 16px}}
