.pdp-hero{padding-top:calc(var(--spacing-unit) * 16);padding-bottom:calc(var(--spacing-unit) * 12);border-bottom:1px solid var(--border-precision)}.pdp-layout{display:grid;grid-template-cols:1.12fr 0.88fr;gap:calc(var(--spacing-unit) * 8);align-items:flex-start}.product-gallery{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.main-image-box{width:100%;aspect-ratio:4 / 3;background-color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:none;cursor:pointer}.main-image-box img{max-height:100%;max-width:100%;object-fit:contain}.gallery-thumbnails{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2)}.thumbnail-box{width:70px;height:70px;background-color:var(--bg-card);border:1px solid var(--border-precision);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 200ms cubic-bezier(.4,0,.2,1)}.thumbnail-box:hover,.thumbnail-box.active{border-color:var(--cyan-neon);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--cyan-neon-rgb),.15)}.thumbnail-box img{max-height:80%;max-width:80%;object-fit:contain}.pdp-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgb(17 22 37 / .7);backdrop-filter:blur(8px);border:1px solid var(--border-precision);color:var(--text-primary);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;transition:all 200ms ease;opacity:0}.main-image-box:hover .pdp-gallery-nav{opacity:1}.pdp-gallery-nav:hover{background:var(--cyan-neon);color:var(--bg-deep);border-color:var(--cyan-neon);box-shadow:0 0 15px rgba(var(--cyan-neon-rgb),.4)}.pdp-gallery-nav.prev{left:16px}.pdp-gallery-nav.next{right:16px}.pdp-gallery-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:12}.pdp-dot{width:8px;height:8px;border-radius:50%;background-color:rgb(255 255 255 / .3);cursor:pointer;transition:all 200ms ease}.pdp-dot.active{background-color:var(--cyan-neon);transform:scale(1.2);box-shadow:0 0 8px var(--cyan-neon)}.pdp-hotspot{position:absolute;width:12px;height:12px;border-radius:50%;background-color:var(--cyan-neon);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease,background-color 0.2s ease}.pdp-hotspot::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--cyan-neon);animation:hotspot-pulse 1.8s infinite ease-in-out}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(2.5);opacity:0}}.pdp-hotspot:hover{transform:scale(1.25);background-color:var(--white)}.pdp-hotspot-tooltip{position:absolute;bottom:28px;left:50%;transform:translateX(-50%) translateY(10px);width:200px;padding:10px 12px;background:rgb(9 13 22 / .95);backdrop-filter:blur(10px);border:1px solid var(--border-precision);border-radius:4px;color:var(--text-primary);font-size:.75rem;line-height:1.4;pointer-events:none;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;z-index:20;box-shadow:0 8px 32px rgb(0 0 0 / .6);text-align:left}.pdp-hotspot-tooltip strong{display:block;color:var(--cyan-neon);margin-bottom:3px}.pdp-hotspot:hover .pdp-hotspot-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.pdp-lightbox{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:rgb(5 8 14 / .97);backdrop-filter:blur(15px);align-items:center;justify-content:center}.pdp-lightbox.active{display:flex}.pdp-lightbox-close{position:absolute;top:30px;right:40px;color:var(--text-primary);font-size:40px;font-weight:300;cursor:pointer;transition:color 150ms ease;z-index:3010}.pdp-lightbox-close:hover{color:var(--cyan-neon)}.pdp-lightbox-content{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(var(--cyan-neon-rgb),.2));animation:lightbox-fade 0.3s cubic-bezier(.16,1,.3,1)}@keyframes lightbox-fade{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pdp-lightbox-arrow{background:none;border:none;color:var(--text-primary);font-size:3rem;cursor:pointer;padding:20px;transition:color 150ms ease;user-select:none;z-index:3010}.pdp-lightbox-arrow:hover{color:var(--cyan-neon)}.product-info{display:flex;flex-direction:column}.product-bullets{list-style:none;margin:calc(var(--spacing-unit) * 3) 0 calc(var(--spacing-unit) * 4) 0;display:flex;flex-direction:column;gap:12px}.product-bullets li{font-size:.9375rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px}.product-bullets li strong{color:var(--text-primary)}.bullet-dot{color:var(--cyan-neon);font-weight:700}.tech-accordion{margin-top:calc(var(--spacing-unit) * 6);display:flex;flex-direction:column;gap:16px}.accordion-item{background-color:var(--bg-card);border:1px solid var(--border-precision);border-radius:4px;overflow:hidden}.accordion-item summary{padding:20px 24px;font-family:var(--font-family-display);font-weight:700;font-size:1.0625rem;cursor:pointer;user-select:none;outline:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);transition:background-color 150ms ease}.accordion-item summary:hover{background-color:var(--bg-card-hover)}.accordion-item summary::-webkit-details-marker{display:none}.accordion-item summary::after{content:"+";font-size:1.25rem;color:var(--cyan-neon);font-weight:400;transition:transform 0.2s ease}.accordion-item[open] summary::after{content:"-"}.accordion-content{padding:0 24px 24px 24px;border-top:1px solid var(--border-precision);background-color:rgb(9 13 22 / .4);color:var(--text-secondary);font-size:.9375rem}.accordion-content ul{margin-left:20px;margin-top:10px;display:flex;flex-direction:column;gap:8px}.accordion-content table{width:100%;border-collapse:collapse;margin-top:12px}.accordion-content table td{padding:10px 12px;border-bottom:1px solid var(--border-precision)}.accordion-content table td:first-child{font-weight:600;color:var(--text-primary);width:40%}@media (max-width:991px){.pdp-layout{grid-template-cols:1fr}}</style>