:root{
  --pd-blue:#6ca5ff;
  --pd-cyan:#7fe9ff;
  --pd-ink:#f4f7ff;
  --pd-muted:#aebbd0;
  --pd-line:rgba(255,255,255,.12);
  --pd-soft-line:rgba(255,255,255,.075);
  --pd-ease:cubic-bezier(.22,1,.36,1);
}

.page-product-detail{background:#07090d;color:var(--pd-ink)}
.page-product-detail .particles-bg{opacity:.45!important;filter:brightness(.55) saturate(.82)!important}
.page-product-detail .site-nav{background:rgba(7,9,13,.78);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pd-main{position:relative;z-index:1;padding-top:clamp(94px,10vw,132px)}
.pd-shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}

.pd-breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 clamp(34px,5vw,64px);color:#7f8ea5;font-size:11px;letter-spacing:.055em}
.pd-breadcrumb i{opacity:.32;font-style:normal}
.pd-breadcrumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebbd0}
.pd-breadcrumb a{transition:color .2s ease}
.pd-breadcrumb a:hover{color:var(--pd-cyan)}

.pd-product{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(54px,7vw,104px);align-items:start}
body.page-product-detail.page-sub section.pd-gallery:not(.hero):not(#intro),
body.page-product-detail.page-sub section.pd-info:not(.hero):not(#intro),
body.page-product-detail.page-sub section.pd-specs:not(.hero):not(#intro){background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

.pd-gallery{position:sticky;top:112px;min-width:0;animation:pdRise .8s var(--pd-ease) both}
.pd-main-image{position:relative;display:block;width:100%;padding:0;border:0;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.28);cursor:zoom-in}
.pd-main-image::after{content:'＋';position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(8,16,28,.86);color:#ddecff;font:300 21px/1 sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.pd-main-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;transition:transform .65s var(--pd-ease)}
.pd-main-image:hover img{transform:scale(1.02)}
.pd-zoom-cue{position:absolute;left:20px;bottom:20px;padding:8px 12px;border:0;border-radius:999px;background:rgba(8,16,28,.78);color:#d6e4f7;font-size:9px;letter-spacing:.09em;text-transform:uppercase}

.pd-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.pd-thumb{position:relative;padding:0 0 4px;border:0;border-radius:12px;overflow:hidden;background:transparent;opacity:.48;transition:opacity .25s ease,transform .25s ease}
.pd-thumb::after{content:'';position:absolute;right:15%;bottom:0;left:15%;height:2px;background:transparent;transition:background .25s ease}
.pd-thumb img{width:100%;height:auto;aspect-ratio:4/3;border-radius:10px;object-fit:contain;background:#fff}
.pd-thumb:hover{opacity:.82}
.pd-thumb.is-active{opacity:1;transform:translateY(-2px)}
.pd-thumb.is-active::after{background:var(--pd-blue)}

.pd-info{min-width:0;padding:clamp(4px,1vw,12px) 0 0;animation:pdRise .8s .1s var(--pd-ease) both}
.pd-hero-copy{margin-bottom:clamp(30px,4vw,48px)}
.pd-kicker{display:flex;align-items:center;gap:12px;color:#8db9ff;font:500 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}
.pd-kicker i{width:34px;height:1px;background:#548ee8}
.pd-info h1{max-width:780px;margin:18px 0 20px;font-family:'Space Grotesk','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(40px,4.8vw,68px);line-height:1.01;letter-spacing:-.052em;text-wrap:balance;overflow-wrap:anywhere}

.pd-categories{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0}
.pd-category{position:relative;padding:0 12px;color:#91a7c5;font-size:10px;line-height:1.8;letter-spacing:.075em;text-transform:uppercase;transition:color .2s ease}
.pd-category:first-child{padding-left:0}
.pd-category+.pd-category{border-left:1px solid rgba(127,178,255,.24)}
.pd-category:hover{color:#c6dcff}

.pd-facts{margin:0;border-top:1px solid var(--pd-line)}
.pd-facts>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;padding:22px 0;border-bottom:1px solid var(--pd-soft-line)}
.pd-facts dt{padding-top:3px;color:#77a7ed;font-size:9px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
.pd-facts dd{margin:0;color:#cbd5e4;font-size:14px;line-height:1.8;overflow-wrap:anywhere}

.pd-specs{margin-top:clamp(34px,4vw,52px);padding:0;border:0;background:transparent;box-shadow:none}
.pd-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--pd-line)}
.pd-section-head p{margin:0;color:#eef5ff;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.pd-section-head span{color:#75859c;font-size:10px;text-align:right}
.pd-spec-table{width:100%;border-collapse:collapse;font-size:12px}
.pd-spec-table th{text-align:left;color:#6f91bd;font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.pd-spec-table th,.pd-spec-table td{padding:12px 6px;border-bottom:1px solid var(--pd-soft-line)}
.pd-spec-table th:first-child,.pd-spec-table td:first-child{padding-left:0}
.pd-spec-table th:last-child,.pd-spec-table td:last-child{padding-right:0;text-align:right}
.pd-spec-table td{color:#d8e1ee;white-space:normal}
.pd-wire-text{margin:0;padding:2px 0 15px;border-bottom:1px solid var(--pd-soft-line);color:#d5dfed;font-size:13px;line-height:1.75}

.pd-note{max-width:620px;margin:24px 0 0;color:#7f8da2;font-size:11px;line-height:1.75}
.pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
.pd-actions .btn{min-height:48px}
.pd-actions .pd-add{padding-inline:4px;border:0!important;border-bottom:1px solid rgba(127,178,255,.32)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#a9c8f7}
.pd-actions .pd-add:hover{border-bottom-color:var(--pd-cyan)!important;color:#d5f7ff}
.pd-add.is-added{border-bottom-color:rgba(127,233,255,.72)!important;color:#bcefff!important;background:transparent!important}
.pd-back{display:inline-flex;align-items:center;gap:7px;margin-left:2px;color:#8296b4;font-size:11px;transition:color .2s ease}
.pd-back:hover{color:#c5dcff}

.pd-product-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin:clamp(82px,10vw,132px) 0 0;padding:30px 0 58px;border-top:1px solid var(--pd-line)}
.pd-product-nav>a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;min-width:0;padding:14px 0;border:0;background:transparent;transition:color .25s ease,transform .25s ease}
.pd-product-nav>a:hover{transform:translateY(-2px)}
.pd-product-nav span{grid-row:1/3;color:#7facf1;font-size:20px}
.pd-product-nav small{color:#687991;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.pd-product-nav b{overflow:hidden;color:#cbd6e6;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.pd-next{text-align:right}
.pd-next span{grid-column:2;grid-row:1/3}
.pd-next small,.pd-next b{grid-column:1}
.pd-all{display:flex!important;flex-direction:column;justify-content:center;padding-inline:28px!important;text-align:center}
.pd-all span{color:#8190a5;font-size:9px}
.pd-all b{color:#edf5ff;font-size:18px;font-weight:500}

body.page-product-detail.page-sub section.pd-cta:not(.hero):not(#intro){border-top:1px solid var(--pd-line)!important;background:linear-gradient(160deg,rgba(34,61,101,.24),rgba(8,13,22,.54))!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.pd-cta-inner{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(36px,8vw,110px);padding-block:clamp(70px,9vw,112px)}
.pd-cta h2{max-width:650px;margin:17px 0 0;font-size:clamp(30px,4.2vw,52px);line-height:1.07;letter-spacing:-.045em}
.pd-cta-inner>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:end}
.pd-cta p{margin:0 0 24px;color:#aebbd0;line-height:1.8}
.pd-footer-inner{grid-template-columns:1.5fr 1fr 1fr!important}

.pd-lightbox{width:min(94vw,1500px);max-width:none;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:visible;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.6)}
.pd-lightbox::backdrop{background:rgba(3,6,10,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pd-lightbox img{width:100%;max-height:86vh;object-fit:contain;border-radius:18px;background:#fff}
.pd-lightbox-close{position:absolute;right:-13px;top:-13px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#101a2a;color:#eef6ff;font-size:23px}
.pd-lightbox p{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);margin:0;padding:7px 11px;border-radius:999px;background:rgba(7,12,20,.78);color:#dce7f5;font-size:9px;white-space:nowrap}
.pd-toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translate(-50%,20px);padding:10px 16px;border:1px solid var(--pd-line);border-radius:999px;background:#132033;color:#e4efff;font-size:11px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.pd-toast.is-visible{opacity:1;transform:translate(-50%,0)}

@keyframes pdRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .pd-product{grid-template-columns:1fr;gap:40px}
  .pd-gallery{position:relative;top:auto}
  .pd-info{padding-top:8px}
  .pd-info h1{max-width:820px}
  .pd-cta-inner{grid-template-columns:1fr}
  .pd-footer-inner{grid-template-columns:1fr 1fr!important}
}

@media(max-width:620px){
  .pd-shell{width:min(100% - 28px,1280px)}
  .pd-main{padding-top:86px}
  .pd-breadcrumb{margin-bottom:25px;gap:7px;font-size:9px}
  .pd-product{gap:30px}
  .pd-main-image{border-radius:20px}
  .pd-info h1{margin-top:15px;font-size:clamp(34px,10.5vw,44px);line-height:1.04}
  .pd-hero-copy{margin-bottom:28px}
  .pd-facts>div{grid-template-columns:1fr;gap:7px;padding:18px 0}
  .pd-facts dt{padding-top:0}
  .pd-section-head{display:block}
  .pd-section-head span{display:block;margin-top:6px;text-align:left}
  .pd-spec-table{font-size:10px}
  .pd-spec-table th,.pd-spec-table td{padding:9px 3px}
  .pd-actions>.btn{width:100%;justify-content:center}
  .pd-actions .pd-add{width:auto;padding:10px 0}
  .pd-back{width:100%;margin-top:2px}
  .pd-product-nav{grid-template-columns:1fr 1fr;margin-top:72px}
  .pd-all{display:none!important}
  .pd-product-nav>a{padding:11px 0}
  .pd-product-nav b{font-size:10px}
  .pd-thumbs{grid-template-columns:repeat(4,1fr)}
  .pd-zoom-cue{display:none}
  .pd-main-image::after{right:11px;bottom:11px;width:36px;height:36px}
  .pd-footer-inner{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .pd-gallery,.pd-info{animation:none!important}
  .pd-main-image img,.pd-thumb,.pd-product-nav>a,.pd-toast{transition:none!important}
  .pd-main-image:hover img,.pd-product-nav>a:hover{transform:none}
}