.case-product-page{position:relative;overflow:hidden;min-height:70vh;background:radial-gradient(circle at 14% 8%,rgba(37,99,235,.09),transparent 28%),radial-gradient(circle at 90% 30%,rgba(6,182,212,.07),transparent 24%),#f8fbff}.case-tech-grid{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.case-breadcrumb{display:flex;align-items:center;gap:.65rem;color:#64748b}.case-breadcrumb a{transition:.2s}.case-breadcrumb a:hover{color:#2563eb}.case-product-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.product-content-card,.related-sidebar{position:relative;align-self:start;margin-top:0;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 55px rgba(30,64,175,.08);backdrop-filter:blur(14px);border-radius:20px}.product-content-card{min-width:0;padding:clamp(22px,3vw,38px)}
.product-hero{padding-bottom:26px;border-bottom:1px solid #e8eef8}.product-kicker{display:flex;align-items:center;gap:9px;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}.product-kicker span{width:26px;height:2px;background:linear-gradient(90deg,#2563eb,#22d3ee);box-shadow:0 0 12px #22d3ee}.product-hero h1{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.2;font-weight:800;letter-spacing:-.03em;background:linear-gradient(110deg,#0f172a 20%,#1d4ed8 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.product-hero p{margin-top:12px;color:#64748b;line-height:1.8}
.case-gallery{margin:26px 0}.case-gallery-track{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 9px;scrollbar-width:thin}.case-gallery-item{flex:0 0 190px;border:0;padding:0;background:none;cursor:pointer}.case-gallery-item img{width:190px;height:124px;object-fit:cover;border-radius:12px;box-shadow:0 8px 22px rgba(15,23,42,.12);transition:transform .35s,box-shadow .35s}.case-gallery-item:hover img{transform:translateY(-4px) scale(1.015);box-shadow:0 14px 30px rgba(37,99,235,.2)}
.case-tabs{display:flex;gap:8px;margin:28px 0 22px;border-bottom:1px solid #dce6f5}.case-tab{position:relative;padding:11px 18px;border:0;background:none;color:#64748b;font-weight:700;cursor:pointer;transition:.25s}.case-tab:after{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:2px;background:linear-gradient(90deg,#2563eb,#06b6d4);transition:.25s}.case-tab.active{color:#1d4ed8}.case-tab.active:after{left:10%;right:10%;box-shadow:0 0 12px rgba(6,182,212,.55)}.case-tab-pane{display:none;animation:caseFade .4s ease}.case-tab-pane.active{display:block}
.product-pager{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px;padding-top:24px;border-top:1px solid #e2e8f0}.product-pager a{display:inline-flex;flex-direction:column;gap:3px;color:#334155;transition:.25s}.product-pager a:hover{color:#2563eb;transform:translateX(3px)}.product-pager small{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.product-pager span{font-size:13px}.product-pager .is-disabled{color:#cbd5e1;font-size:13px}
.related-sidebar{position:relative!important;top:auto!important;align-self:start!important;margin-top:0!important;padding:20px}.related-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 16px;border-bottom:1px solid #e5edf8}.related-heading span{color:#2563eb;font-size:9px;font-weight:800;letter-spacing:.2em}.related-heading h2{font-size:17px;font-weight:800;margin-top:2px}.related-heading i{color:#3b82f6}.related-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.related-card{display:grid;grid-template-columns:82px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:8px;border:1px solid transparent;border-radius:12px;color:#334155;transition:.3s}.related-card img{width:82px;height:56px;object-fit:cover;border-radius:8px}.related-card span{min-width:0;display:flex;flex-direction:column}.related-card small{color:#94a3b8;font-size:8px;letter-spacing:.14em}.related-card strong{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card>i{font-size:11px;color:#94a3b8;transition:.3s}.related-card:hover{border-color:#bfdbfe;background:#eff6ff;transform:translateX(4px);box-shadow:0 8px 24px rgba(37,99,235,.09)}.related-card:hover>i{color:#2563eb;transform:translateX(2px)}
.purchase-promo{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.purchase-promo.is-open{opacity:1;visibility:visible}.purchase-promo.is-closing{opacity:0}.purchase-promo-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(9px)}.purchase-promo-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);width:min(900px,100%);overflow:hidden;border:1px solid rgba(96,165,250,.35);border-radius:24px;background:linear-gradient(135deg,#07152f,#0b2450 58%,#0f3b75);color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 50px rgba(37,99,235,.25);transform:translateY(24px) scale(.97);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.purchase-promo.is-open .purchase-promo-card{transform:none}.purchase-promo-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent)}.purchase-promo-copy{position:relative;z-index:2;padding:clamp(28px,5vw,54px)}.purchase-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(34,211,238,.35);border-radius:999px;background:rgba(6,182,212,.12);color:#67e8f9;font-size:12px;font-weight:700}.purchase-promo h2{margin-top:18px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.15}.purchase-promo-copy>p{max-width:580px;margin-top:12px;color:#b9cae7;line-height:1.75}.purchase-price{display:flex;align-items:end;gap:13px;margin-top:20px}.purchase-price del{color:#7890b5}.purchase-price strong{font-size:34px;color:#60a5fa;line-height:1}.purchase-countdown{display:flex;align-items:center;gap:8px;margin:22px 0}.purchase-countdown span{display:flex;align-items:baseline;gap:4px;padding:8px 10px;border:1px solid rgba(96,165,250,.24);border-radius:9px;background:rgba(15,23,42,.45)}.purchase-countdown b{font:700 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.purchase-countdown small{color:#93a9c9;font-size:10px}.purchase-countdown em{color:#38bdf8;font-style:normal}.purchase-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:150px;padding:13px 19px;border:0;border-radius:10px;background:linear-gradient(110deg,#2563eb,#0891b2);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 26px rgba(37,99,235,.3);transition:.3s}.purchase-primary:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(6,182,212,.35)}.purchase-promo-close{position:absolute;right:16px;top:16px;z-index:4;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(15,23,42,.4);color:#cbd5e1;cursor:pointer;transition:.25s}.purchase-promo-close:hover{color:#fff;background:rgba(239,68,68,.7);transform:rotate(90deg)}.purchase-promo-glow{position:absolute;width:300px;height:300px;right:-80px;bottom:-120px;border-radius:50%;background:#2563eb;filter:blur(90px);opacity:.42}.purchase-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}.purchase-visual>i{font-size:86px;color:#7dd3fc;filter:drop-shadow(0 0 22px rgba(34,211,238,.7));animation:techFloat 3.5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(103,232,249,.38);border-radius:50%;animation:orbitSpin 8s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 14px #22d3ee}.orbit-one{width:190px;height:190px}.orbit-one:after{top:20px;left:24px}.orbit-two{width:270px;height:270px;animation-direction:reverse;animation-duration:12s}.orbit-two:after{right:30px;bottom:37px}
.purchase-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:14px 0;background:rgba(248,251,255,.9);border-top:1px solid rgba(96,165,250,.3);backdrop-filter:blur(16px);box-shadow:0 -15px 45px rgba(15,23,42,.11);transform:translateY(115%);opacity:0;visibility:hidden;transition:.45s cubic-bezier(.2,.8,.2,1)}.purchase-dock.is-visible{transform:none;opacity:1;visibility:visible}.purchase-dock-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:90px;padding:15px 22px;overflow:hidden;border:1px solid #bfdbfe;border-radius:16px;background:linear-gradient(110deg,#eff6ff,#fff 56%,#ecfeff)}.purchase-dock-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(37,99,235,.08),transparent);transform:translateX(-100%);animation:dockScan 5s linear infinite}.purchase-dock-info,.purchase-dock-offer{position:relative;display:flex;align-items:center}.purchase-dock-info{gap:14px;min-width:0}.purchase-dock-info h3{font-weight:800;font-size:18px}.purchase-dock-info p{max-width:660px;color:#64748b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-pulse{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:pulseRing 2s infinite}.purchase-dock-offer{gap:16px;flex:0 0 auto}.dock-price{display:flex;flex-direction:column;align-items:end}.dock-price del{color:#94a3b8;font-size:12px}.dock-price strong{color:#2563eb;font-size:25px;line-height:1}.dock-countdown{min-width:145px;color:#ea580c;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
body.has-purchase-dock{padding-bottom:145px}.case-reveal{animation:caseRise .65s both}.related-sidebar.case-reveal{animation:none;transform:none}.related-card{animation:caseFade .45s backwards}.related-card:nth-child(2){animation-delay:.05s}.related-card:nth-child(3){animation-delay:.1s}.related-card:nth-child(4){animation-delay:.15s}.related-card:nth-child(5){animation-delay:.2s}.related-card:nth-child(6){animation-delay:.25s}@keyframes caseFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes caseRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes techFloat{50%{transform:translateY(-12px);filter:drop-shadow(0 0 34px rgba(34,211,238,.85))}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes dockScan{55%,100%{transform:translateX(100%)}}@keyframes pulseRing{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}
@media(max-width:1023px){.case-product-layout{grid-template-columns:1fr}.related-sidebar{position:relative;top:auto}.related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-dock-info p{max-width:380px}}
@media(max-width:767px){.product-content-card{padding:20px;border-radius:15px}.related-sidebar{border-radius:15px}.related-list{grid-template-columns:1fr}.product-pager{gap:10px}.purchase-promo-card{grid-template-columns:1fr}.purchase-visual{display:none}.purchase-promo-copy{padding:30px 22px}.purchase-countdown{gap:4px}.purchase-countdown span{padding:7px}.purchase-dock{padding:8px 0}.purchase-dock-inner{min-height:0;padding:12px;gap:12px}.purchase-dock-info p,.dock-countdown,.dock-price del{display:none}.purchase-dock-info h3{max-width:115px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-dock-offer{gap:9px}.dock-price strong{font-size:20px}.purchase-dock .purchase-primary{min-width:104px;padding:11px 12px;gap:8px}body.has-purchase-dock{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){.case-product-page *,.purchase-promo-card,.purchase-dock{animation:none!important;transition:none!important}}