.product-gallery-container{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.product-gallery-main{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);aspect-ratio:16/9;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-gallery-main img{object-fit:cover;width:100%;height:100%;transition:opacity .3s ease-in-out}.product-gallery-thumbnails{gap:var(--spacing-3);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-bottom:4px;display:flex;overflow-x:auto}.product-gallery-thumbnails::-webkit-scrollbar{height:6px}.product-gallery-thumbnails::-webkit-scrollbar-track{background:0 0}.product-gallery-thumbnails::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.thumbnail-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);border:2px solid #0000;flex-shrink:0;width:100px;height:60px;padding:0;transition:all .2s;position:relative;overflow:hidden}.thumbnail-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.thumbnail-btn:not(.active){opacity:.6}.thumbnail-btn:hover{opacity:1;border-color:var(--color-border)}.thumbnail-btn.active:hover{border-color:var(--color-primary)}.thumbnail-img{object-fit:cover;width:100%;height:100%}
.product-hero{padding:var(--spacing-16) 0;background-color:var(--color-bg)}.product-hero-grid{gap:var(--spacing-12);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.product-visual{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);aspect-ratio:16/9;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-top:8px;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%}.visual-badge{top:var(--spacing-6);left:var(--spacing-6);color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;padding:4px 12px;font-size:.875rem;font-weight:700;position:absolute}.visual-icon{padding:var(--spacing-8);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;box-shadow:0 8px 32px #0000001a}.product-details{padding:0}.text-orange-500{color:#f59e0b}.text-green-500{color:#10b981}.ml-2{margin-left:.5rem}.mt-6{margin-top:1.5rem}.mb-8{margin-bottom:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-lg{font-size:1.125rem}.text-xs{font-size:.75rem}.price-container{align-items:center;gap:var(--spacing-4);display:flex}.price-large{color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.badge-discount{background:var(--gradient-badge);color:#fff;border-radius:var(--radius-full);padding:4px 12px;font-size:.875rem;font-weight:700}.stock-status{border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98133;padding:4px 12px;display:inline-flex}@media (max-width:992px){.product-hero-grid{gap:var(--spacing-8);grid-template-columns:1fr}.product-visual{height:300px}}.btn-download{color:#fff;background-color:#10b981;gap:.5rem;box-shadow:0 4px 14px #10b9814d}.btn-download:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}
.markdown-section{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);background-color:var(--color-bg)}.max-w-5xl{max-width:64rem;margin:0 auto}.markdown-content{color:var(--color-text);font-size:1.125rem;line-height:1.8}.markdown-content>:first-child{margin-top:0}.markdown-content h2{margin-top:var(--spacing-12);margin-bottom:var(--spacing-6);letter-spacing:-.01em;font-size:2rem;font-weight:700}.markdown-content h3{margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);font-size:1.5rem;font-weight:600}.markdown-content p{margin-bottom:var(--spacing-4);color:var(--color-text-muted)}.markdown-content strong{color:var(--color-text);font-weight:600}.markdown-content ul{margin-bottom:var(--spacing-6);padding-left:var(--spacing-6)}.markdown-content li{margin-bottom:var(--spacing-2);color:var(--color-text);font-size:1.125rem}.markdown-content blockquote{border-left:4px solid var(--color-primary);background:var(--color-surface);padding:var(--spacing-4) var(--spacing-6);margin:var(--spacing-8) 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text);font-style:italic}.markdown-content table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--spacing-8) 0;border-radius:var(--radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 10px 30px -10px #0000001a}.markdown-content th,.markdown-content td{border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.markdown-content th{background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;padding-top:1.25rem;padding-bottom:1.25rem;font-size:1.1rem;font-weight:700}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:nth-child(2n) td{background-color:#f8fafc}.markdown-content tr:hover td{color:#064e3b;background-color:#f0fdf4}.markdown-content td{font-size:1.125rem}
