/* ZUS single product page — everything scoped under .zus-sp */
.zus-sp{
  --navy:#0B1726; --navy-2:#0E1E30; --blue:#0066CC; --blue-light:#3B8CE8;
  --orange:#F59E0B; --orange-dark:#DB8B06; --gray:#CBD5E1; --steel:#334155;
  --paper:#F5F7FA; --green:#16A34A; --amber:#D97706; --line:#E4E9F0;
  font-family:"Inter","Segoe UI",Helvetica,Arial,sans-serif; color:var(--navy);
  -webkit-font-smoothing:antialiased; width:100%;
}
.zus-sp *{box-sizing:border-box;}
.zus-sp a{text-decoration:none;color:inherit;}
.zus-sp img,.zus-sp svg{display:block;max-width:100%;}
.zus-sp-wrap{max-width:1200px;margin:0 auto;padding:0 32px;width:100%;}

/* buttons */
.zus-sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:8px;font-weight:600;font-size:15px;transition:.15s ease;white-space:nowrap;border:1.5px solid transparent;cursor:pointer;}
.zus-sp-btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .15s ease;}
.zus-sp-btn:hover svg{transform:translateX(3px);}
.zus-sp-btn--orange{background:var(--orange);color:#1A1102 !important;}
.zus-sp-btn--orange:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,158,11,.28);}
.zus-sp-btn--navy{background:var(--navy);color:#fff !important;}
.zus-sp-btn--navy:hover{background:var(--navy-2);transform:translateY(-1px);}
.zus-sp-btn--ghost{background:transparent;color:#fff !important;border-color:rgba(255,255,255,.55);}
.zus-sp-btn--ghost:hover{border-color:#fff;}

/* breadcrumb */
.zus-sp-bc{background:var(--paper);border-bottom:1px solid var(--line);padding:14px 0;}
.zus-sp-bc-inner{display:flex;align-items:center;gap:8px;font-size:13px;color:#647186;flex-wrap:wrap;}
.zus-sp-bc-inner a{color:#647186;} .zus-sp-bc-inner a:hover{color:var(--blue);}
.zus-sp-bc-inner span{color:#B7C0CC;} .zus-sp-bc-inner b{color:var(--navy);font-weight:600;}

/* main grid */
.zus-sp-main{padding:44px 0 0;}
.zus-sp-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:start;}
.zus-sp-gallery{position:sticky;top:88px;min-width:0;}
.zus-sp-gmain{background:var(--paper);border:1px solid var(--line);border-radius:16px;aspect-ratio:1/.82;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:14px;}
.zus-sp-gmain img{max-width:86%;max-height:86%;width:auto;height:auto;object-fit:contain;margin:0 auto;}
.zus-sp-badges{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:2;}
.zus-sp-pbadge{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:99px;letter-spacing:.3px;background:#EAF2FC;color:var(--blue);}
.zus-sp-pbadge--used{background:#FEF3C7;color:var(--amber);}
.zus-sp-pbadge--new{background:#DCFCE7;color:var(--green);}
.zus-sp-pbadge--legacy{background:#FEE2E2;color:#DC2626;}
.zus-sp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.zus-sp-thumb{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;}
.zus-sp-thumb.active{border-color:var(--blue);}
.zus-sp-thumb img{max-height:100%;width:auto;object-fit:contain;}

/* info */
.zus-sp-info{min-width:0;}
.zus-sp-chip{display:inline-flex;font-size:12.5px;font-weight:700;color:var(--blue);background:#EAF2FC;padding:6px 13px;border-radius:99px;margin-bottom:14px;}
.zus-sp-info h1{font-size:29px;font-weight:800;color:var(--navy);letter-spacing:-.5px;line-height:1.25;margin:0 0 8px;}
.zus-sp-sku{font-size:14px;color:#8492A6;margin-bottom:18px;}
.zus-sp-sku b{color:var(--steel);font-weight:600;}
.zus-sp-rating{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:13.5px;color:#647186;}
.zus-sp-stars{display:flex;gap:2px;color:var(--orange);} .zus-sp-stars svg{width:16px;height:16px;}
.zus-sp-rating a{color:var(--blue);font-weight:600;}
.zus-sp-pricebox{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px;}
.zus-sp-price{font-size:28px;font-weight:800;color:var(--navy);margin-bottom:4px;}
.zus-sp-price--rfq{font-size:24px;}
.zus-sp-price .amount{font-weight:800;}
.zus-sp-pricenote{font-size:12.5px;color:#8492A6;}
.zus-sp-stock{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin-bottom:20px;}
.zus-sp-stock .dot{width:8px;height:8px;border-radius:50%;background:currentColor;}
.zus-sp-stock.in{color:var(--green);} .zus-sp-stock.out{color:#DC2626;}
.zus-sp-actions{display:flex;gap:12px;margin-bottom:26px;scroll-margin-top:100px;}
.zus-sp-actions .zus-sp-btn{flex:1;}
.zus-sp-trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:26px;}
.zus-sp-trust>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;border-left:1px solid var(--line);padding:0 8px;}
.zus-sp-trust>div:first-child{border-left:none;}
.zus-sp-trust svg{width:22px;height:22px;color:var(--blue);}
.zus-sp-trust span{font-size:11.5px;color:#647186;font-weight:600;line-height:1.3;}
.zus-sp-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.zus-sp-facts .qf{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:9px 0;border-bottom:1px dashed var(--line);}
.zus-sp-facts .k{color:#8492A6;} .zus-sp-facts .v{color:var(--navy);font-weight:600;text-align:right;}

/* tabs */
.zus-sp-tabs-sec{padding:48px 0 72px;}
.zus-sp-tabs{border-bottom:2px solid var(--paper);display:flex;gap:8px;margin-bottom:36px;overflow-x:auto;}
.zus-sp-tabs button{padding:14px 22px;font-size:14.5px;font-weight:700;color:#8492A6;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;background:transparent;cursor:pointer;font-family:inherit;border-radius:0;}
.zus-sp-tabs button:hover{color:var(--blue);background:transparent;}
.zus-sp-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);}
.zus-sp-panel{display:none;} .zus-sp-panel.active{display:block;}
.zus-sp-desc{max-width:820px;font-size:15px;line-height:1.75;color:var(--steel);}
.zus-sp-desc p{margin:0 0 16px;}
.zus-sp-desc h2,.zus-sp-desc h3{font-size:17px;font-weight:800;color:var(--navy);margin:26px 0 12px;}
.zus-sp-desc ul{padding-left:20px;margin:0 0 16px;} .zus-sp-desc li{font-size:14.5px;line-height:1.8;}
.zus-sp-spec{width:100%;border-collapse:collapse;max-width:820px;}
.zus-sp-spec tr{border-bottom:1px solid var(--line);}
.zus-sp-spec td{padding:13px 16px;font-size:14px;border:none;}
.zus-sp-spec td:first-child{width:38%;color:#647186;font-weight:600;background:var(--paper);}
.zus-sp-spec td:last-child{color:var(--navy);font-weight:600;}
.zus-sp-compat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px;}
.zus-sp-compat .cc{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;}
.zus-sp-compat svg{width:20px;height:20px;color:var(--blue);flex-shrink:0;}
.zus-sp-compat span{font-size:13.5px;font-weight:600;color:var(--navy);}
.zus-sp-note{font-size:13.5px;color:#8492A6;margin-top:18px;max-width:820px;}
.zus-sp-faq{max-width:820px;border-bottom:1px solid var(--line);padding:18px 0;}
.zus-sp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:700;color:var(--navy);}
.zus-sp-faq summary::-webkit-details-marker{display:none;}
.zus-sp-faq summary::after{content:"+";font-size:22px;color:var(--blue);font-weight:400;}
.zus-sp-faq[open] summary::after{content:"–";}
.zus-sp-faq p{font-size:14px;line-height:1.7;color:var(--steel);margin:12px 0 0;}
.zus-sp-panel #reviews{max-width:820px;}

/* related */
.zus-sp-related{background:var(--paper);padding:64px 0 80px;}
.zus-sp-eyebrow{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:var(--blue);letter-spacing:1.5px;margin-bottom:12px;}
.zus-sp-eyebrow .bar{width:22px;height:2px;background:var(--orange);border-radius:2px;}
.zus-sp-related h2{font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.5px;margin:0 0 32px;}
.zus-sp-relgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.zus-sp-rp{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;display:block;}
.zus-sp-rp:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(11,23,38,.09);}
.zus-sp-rp .img{background:#fff;aspect-ratio:1/.82;display:flex;align-items:center;justify-content:center;padding:14px;}
.zus-sp-rp .img img{max-height:100%;width:auto;object-fit:contain;}
.zus-sp-rp .body{padding:16px;border-top:1px solid var(--line);}
.zus-sp-rp .b{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.4px;margin-bottom:5px;}
.zus-sp-rp .n{font-size:14px;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:4px;}
.zus-sp-rp .s{font-size:12px;color:#8492A6;}

/* CTA */
.zus-sp-cta{background:linear-gradient(115deg,var(--navy) 0%,#0F2136 55%,var(--navy) 100%);position:relative;overflow:hidden;}
.zus-sp-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:52px 32px;}
.zus-sp-cta h3{font-size:23px;font-weight:800;color:#fff;margin:0 0 5px;}
.zus-sp-cta p{font-size:14.5px;color:var(--gray);margin:0;}
.zus-sp-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

@media (max-width:1024px){
  .zus-sp-grid{grid-template-columns:1fr;gap:36px;}
  .zus-sp-gallery{position:static;}
  .zus-sp-relgrid{grid-template-columns:repeat(2,1fr);}
  .zus-sp-compat{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .zus-sp-wrap{padding:0 20px;}
  .zus-sp-info h1{font-size:23px;}
  .zus-sp-actions{flex-direction:column;}
  .zus-sp-trust{grid-template-columns:1fr;gap:14px;}
  .zus-sp-trust>div{border-left:none;border-top:1px solid var(--line);padding-top:14px;}
  .zus-sp-trust>div:first-child{border-top:none;padding-top:0;}
  .zus-sp-facts{grid-template-columns:1fr;}
  .zus-sp-compat{grid-template-columns:1fr;}
  .zus-sp-cta-inner{flex-direction:column;align-items:flex-start;padding:40px 20px;}
}