.pd-loading{padding:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px}.pd-skeleton{aspect-ratio:1;border-radius:var(--r-lg)}.line{height:18px;border-radius:6px;margin:18px 0;width:65%}.line.lg{height:62px;width:95%}.pd-error{padding:90px 0}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--n500);margin-bottom:30px}.breadcrumbs a{color:var(--brand-primary)}
.pd-intro{padding:42px 0 72px}.pd-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:56px;align-items:start}.gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px}.thumbs{display:flex;flex-direction:column;gap:10px}.thumb{width:84px;height:84px;border:1px solid var(--n200);border-radius:var(--r-md);background:#fff;padding:7px;cursor:pointer}.thumb[aria-current=true]{border:2px solid var(--brand-primary)}.thumb img{width:100%;height:100%;object-fit:contain}.main-image{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--n200);border-radius:var(--r-lg);background:var(--n050);padding:32px;cursor:zoom-in;overflow:hidden}.main-image img{width:100%;height:100%;object-fit:contain}.zoom-hint{position:absolute;right:16px;bottom:16px;background:#fff;border:1px solid var(--n200);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.pd-summary{position:sticky;top:100px;padding:18px 0}.pd-summary h1{font-size:clamp(36px,4vw,58px);line-height:1.04;margin:15px 0 12px;overflow-wrap:anywhere}.pd-code{font:600 14px Inter;color:var(--n500);padding-bottom:18px;border-bottom:1px solid var(--n200)}.pd-price{font:800 28px Montserrat;margin-top:22px}.pd-excerpt{color:var(--n700);line-height:1.7;font-size:16px}.pd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--n200);overflow:auto}.tabs button{min-height:48px;border:0;background:none;padding:0 18px;font-weight:800;color:var(--n500);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab-panel{padding:36px 4px;max-width:1000px;line-height:1.75}.spec-table{width:100%;border-collapse:collapse}.spec-table th,.spec-table td{text-align:left;padding:15px 14px;border-bottom:1px solid var(--n200)}.spec-table th{width:35%;font-size:13px;background:var(--n050)}.download-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--n200);border-radius:var(--r-md);padding:18px;margin-bottom:10px}
#relatedGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pd-cta{border-top:1px solid var(--n200)}.pd-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.pd-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.sticky-inquiry{display:none}
.lightbox{position:fixed;inset:0;z-index:100;background:rgb(10 16 28/.92);display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox-panel{position:relative;width:min(1100px,100%);height:min(86vh,900px);display:grid;place-items:center}.lightbox img{max-width:90%;max-height:90%;object-fit:contain;background:#fff;border-radius:var(--r-md)}.lb-close{position:absolute;right:0;top:0;z-index:2}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:60px;border:0;border-radius:var(--r-md);background:rgb(255 255 255/.9);font-size:34px;cursor:pointer}.lb-nav.prev{left:0}.lb-nav.next{right:0}.lb-count{position:absolute;bottom:0;color:#fff;font-weight:700}.no-image-large{display:grid;place-items:center;width:100%;height:100%;color:var(--n500)}
@media(max-width:1023px){.pd-grid{grid-template-columns:1fr}.pd-summary{position:static}.gallery{grid-template-columns:1fr}.thumbs{order:2;flex-direction:row;overflow:auto}.thumb{flex:0 0 78px;width:78px;height:78px}#relatedGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.pd-loading{grid-template-columns:1fr}.pd-intro{padding:28px 0 48px}.main-image{padding:18px}.pd-summary h1{font-size:36px}.pd-actions{display:grid}.pd-actions .btn{width:100%}.tab-panel{padding:26px 0}.spec-table th,.spec-table td{display:block;width:100%}.spec-table th{padding-bottom:5px}.spec-table td{padding-top:5px}#relatedGrid{grid-template-columns:1fr}.pd-cta-grid{grid-template-columns:1fr}.sticky-inquiry{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--n200);box-shadow:0 -8px 24px rgb(23 32 51/.10);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px}.sticky-inquiry.show{display:flex}.sticky-inquiry div{min-width:0}.sticky-inquiry strong,.sticky-inquiry small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-inquiry small{color:var(--n500);max-width:170px}.footer{padding-bottom:100px}.lb-nav{width:44px;height:52px}}