2 lines
6.1 KiB
CSS
2 lines
6.1 KiB
CSS
[data-v-5f00710f]:root{--cg-bg-app: #0e0f12;--cg-bg-elevated: #14161c;--cg-bg-soft: rgba(255, 255, 255, .04);--cg-text-strong: rgba(248, 250, 255, .96);--cg-text: rgba(230, 234, 244, .86);--cg-muted: rgba(200, 210, 230, .56);--cg-border: rgba(255, 255, 255, .1);--cg-border-strong: rgba(242, 220, 160, .22);--cg-accent: #c9a962;--cg-accent-strong: #e9d089;--cg-accent-soft: rgba(201, 169, 98, .15);--cg-metallic: linear-gradient( 120deg, rgba(255, 255, 255, .14) 0%, rgba(201, 169, 98, .45) 18%, rgba(232, 210, 150, .75) 36%, rgba(154, 123, 61, .55) 58%, rgba(255, 255, 255, .12) 100% );--cg-shadow-strong: 0 18px 50px rgba(0, 0, 0, .45)}.product-detail-page[data-v-5f00710f]{padding-bottom:80px}.loading-state[data-v-5f00710f]{text-align:center;padding:80px 0;color:var(--cg-muted)}.detail-hero[data-v-5f00710f]{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:16px}@media (max-width: 992px){.detail-hero[data-v-5f00710f]{grid-template-columns:1fr}}.detail-gallery[data-v-5f00710f]{display:flex;flex-direction:column;gap:12px}.gallery-main[data-v-5f00710f]{border-radius:14px;overflow:hidden;border:1px solid var(--cg-border);aspect-ratio:4/3}.gallery-main img[data-v-5f00710f]{width:100%;height:100%;object-fit:cover}.gallery-placeholder[data-v-5f00710f]{width:100%;height:100%}.gallery-thumbs[data-v-5f00710f]{display:flex;gap:8px}.thumb-btn[data-v-5f00710f]{width:64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:transparent;transition:border-color .2s}.thumb-btn.active[data-v-5f00710f]{border-color:var(--cg-accent)}.thumb-btn img[data-v-5f00710f]{width:100%;height:100%;object-fit:cover}.thumb-placeholder[data-v-5f00710f]{width:100%;height:100%;background:#ffffff0f}.detail-info[data-v-5f00710f]{display:flex;flex-direction:column;gap:12px}.info-category[data-v-5f00710f]{font-size:12px;color:var(--cg-accent);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.info-title[data-v-5f00710f]{margin:0;font-size:clamp(22px,2.5vw,28px);font-weight:700;color:var(--cg-text-strong);line-height:1.2}.info-title-en[data-v-5f00710f]{font-size:14px;color:var(--cg-muted);margin:0}.info-price[data-v-5f00710f]{font-size:22px;font-weight:800;color:var(--cg-accent-strong)}.info-summary[data-v-5f00710f]{font-size:14px;line-height:1.7;color:var(--cg-text);margin:4px 0}.info-specs[data-v-5f00710f]{display:grid;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--cg-border);background:#ffffff08}.spec-row[data-v-5f00710f]{display:flex;font-size:14px}.spec-label[data-v-5f00710f]{color:var(--cg-muted);min-width:80px;flex-shrink:0}.spec-value[data-v-5f00710f]{color:var(--cg-text-strong);font-weight:500}.info-actions[data-v-5f00710f]{display:flex;gap:12px;margin-top:8px}.btn-primary[data-v-5f00710f]{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;border:1px solid rgba(201,169,98,.4);background:linear-gradient(135deg,#c9a9622e,#c9a96214);color:var(--cg-accent-strong);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-5f00710f]:hover{background:linear-gradient(135deg,#c9a9624d,#c9a9621f);box-shadow:0 4px 20px #c9a96226}.btn-icon[data-v-5f00710f]{width:18px;height:18px}.detail-tabs[data-v-5f00710f]{display:flex;gap:4px;margin-top:40px;border-bottom:1px solid var(--cg-border)}.tab-btn[data-v-5f00710f]{padding:12px 24px;border:none;background:transparent;color:var(--cg-muted);font-size:15px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn[data-v-5f00710f]:hover{color:var(--cg-text-strong)}.tab-btn.active[data-v-5f00710f]{color:var(--cg-accent-strong);border-bottom-color:var(--cg-accent)}.tab-content[data-v-5f00710f]{padding:28px 24px;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-top:none}.tab-pane[data-v-5f00710f]{min-height:100px}.rich-content[data-v-5f00710f]{line-height:1.8;font-size:15px}.rich-content[data-v-5f00710f] p{margin:12px 0}.rich-content[data-v-5f00710f] img{max-width:100%;border-radius:12px;margin:16px 0}.specs-table[data-v-5f00710f]{display:grid;gap:0}.specs-row[data-v-5f00710f]{display:grid;grid-template-columns:120px 1fr;padding:12px 16px;border-bottom:1px solid var(--cg-border);font-size:14px}.specs-row[data-v-5f00710f]:last-child{border-bottom:none}.specs-label[data-v-5f00710f]{color:var(--cg-muted);font-weight:500}.specs-value[data-v-5f00710f]{color:var(--cg-text-strong)}.service-grid-mini[data-v-5f00710f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.service-grid-mini[data-v-5f00710f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.service-grid-mini[data-v-5f00710f]{grid-template-columns:1fr}}.service-item-mini[data-v-5f00710f]{padding:20px;border-radius:12px;border:1px solid var(--cg-border);text-align:center}.service-icon-mini[data-v-5f00710f]{width:44px;height:44px;margin:0 auto 12px;border-radius:12px;background:var(--cg-accent-soft);color:var(--cg-accent-strong);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.service-item-mini h4[data-v-5f00710f]{margin:0 0 6px;font-size:15px;color:var(--cg-text-strong)}.service-item-mini p[data-v-5f00710f]{margin:0;font-size:13px}.related-section[data-v-5f00710f]{margin-top:48px}.related-title[data-v-5f00710f]{margin-bottom:20px}.related-grid[data-v-5f00710f]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 768px){.related-grid[data-v-5f00710f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.related-grid[data-v-5f00710f]{grid-template-columns:1fr}}.related-card[data-v-5f00710f]{border-radius:12px;overflow:hidden;border:1px solid var(--cg-border);color:inherit;text-decoration:none;transition:all .3s ease}.related-card[data-v-5f00710f]:hover{border-color:#c9a9624d;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.related-thumb[data-v-5f00710f]{aspect-ratio:4/3;overflow:hidden}.related-thumb img[data-v-5f00710f]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.related-card:hover .related-thumb img[data-v-5f00710f]{transform:scale(1.06)}.related-name[data-v-5f00710f]{padding:10px 12px;font-size:14px;font-weight:600;color:var(--cg-text-strong)}
|