/* =========================================================
   KHAGAN PRODUCT DETAIL — PREMIUM v1
   Load after style.css + khagan-core.css
   ========================================================= */

.page-product-detail-premium{
  --khd-ink:#111;
  --khd-muted:#686864;
  --khd-line:#deded9;
  --khd-paper:#efeee9;
  --khd-paper-2:#f7f6f3;
  --khd-gold:#f0b400;
  background:#fff;
}
.page-product-detail-premium .khd-wrap{width:min(calc(100% - var(--khx-side)*2),var(--khx-max));margin:0 auto}

/* Breadcrumb */
.page-product-detail-premium .khd-breadcrumb{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#8a8a86;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  white-space:nowrap;
  overflow-x:auto;
}
.page-product-detail-premium .khd-breadcrumb a{text-decoration:none;color:#686864}
.page-product-detail-premium .khd-breadcrumb a:hover{color:#111}
.page-product-detail-premium .khd-breadcrumb span[aria-current="page"]{color:#111}

/* Main product */
.page-product-detail-premium .khd-product{padding:4px 0 92px;background:#fff}
.page-product-detail-premium .khd-product-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(370px,.72fr);
  gap:clamp(44px,6vw,92px);
  align-items:start;
}
.page-product-detail-premium .khd-gallery{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:14px;
  min-width:0;
}
.page-product-detail-premium .khd-thumbs{display:flex;flex-direction:column;gap:10px}
.page-product-detail-premium .khd-thumb{
  width:74px;
  aspect-ratio:3/4;
  padding:0;
  border:1px solid transparent;
  background:var(--khd-paper);
  cursor:pointer;
  overflow:hidden;
}
.page-product-detail-premium .khd-thumb img{width:100%;height:100%;display:block;object-fit:contain;padding:7px}
.page-product-detail-premium .khd-thumb:hover,.page-product-detail-premium .khd-thumb.is-active{border-color:#111}
.page-product-detail-premium .khd-main-media{
  position:relative;
  aspect-ratio:3/4;
  min-height:680px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.96),rgba(255,255,255,.28) 40%,rgba(0,0,0,.035) 78%),
    linear-gradient(155deg,#f4f3ef,#deddd7);
}
.page-product-detail-premium .khd-main-media>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  padding:clamp(22px,4vw,58px);
  transition:transform .45s cubic-bezier(.2,.65,.25,1);
}
.page-product-detail-premium .khd-main-media:hover>img{transform:scale(1.025)}
.page-product-detail-premium .khd-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  padding:8px 10px;
  background:#111;
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}
.page-product-detail-premium .khd-main-media figcaption{
  position:absolute;
  left:18px;
  bottom:16px;
  color:#85857f;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

/* Purchase panel */
.page-product-detail-premium .khd-buy-panel{position:sticky;top:calc(var(--khx-header) + 28px);padding-top:4px}
.page-product-detail-premium .khd-product-meta{margin-bottom:18px;color:#7c7c77;font-size:9px;font-weight:800;letter-spacing:.16em}
.page-product-detail-premium .khd-buy-panel h1{max-width:620px;margin:0;font-size:clamp(38px,4.3vw,66px);line-height:.94;letter-spacing:-.058em}
.page-product-detail-premium .khd-lead{max-width:570px;margin:24px 0 0;color:#66635f;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8}
.page-product-detail-premium .khd-price-line{margin-top:30px;padding:23px 0 22px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--khd-line);border-bottom:1px solid var(--khd-line)}
.page-product-detail-premium .khd-price-line strong{font-size:24px;line-height:1;font-weight:800}
.page-product-detail-premium .khd-price-line span{color:#8d8d88;font-size:8px;font-weight:800;letter-spacing:.12em}
.page-product-detail-premium .khd-option{padding:22px 0;border-bottom:1px solid var(--khd-line)}
.page-product-detail-premium .khd-option-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px;color:#111;font-size:9px;font-weight:800;letter-spacing:.12em}
.page-product-detail-premium .khd-option-head strong{font-size:9px;font-weight:700;color:#696964}
.page-product-detail-premium .khd-option-head a{color:#777;text-decoration:none;font-size:8px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid #aaa;padding-bottom:3px}
.page-product-detail-premium .khd-option-head a:hover{color:#111;border-color:#111}
.page-product-detail-premium .khd-colors{display:flex;gap:12px}
.page-product-detail-premium .khd-color{width:32px;height:32px;border-radius:50%;border:3px solid #fff;outline:1px solid #bbb;cursor:pointer}
.page-product-detail-premium .khd-color:hover,.page-product-detail-premium .khd-color.is-active{outline:2px solid #111}
.page-product-detail-premium .khd-color--navy{background:#1f2d3d}.page-product-detail-premium .khd-color--black{background:#171717}.page-product-detail-premium .khd-color--stone{background:#b8b3a8}
.page-product-detail-premium .khd-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.page-product-detail-premium .khd-sizes button{height:44px;border:1px solid #c8c8c2;background:#fff;color:#111;font-size:10px;font-weight:800;cursor:pointer}
.page-product-detail-premium .khd-sizes button:hover,.page-product-detail-premium .khd-sizes button.is-active{background:#111;color:#fff;border-color:#111}
.page-product-detail-premium .khd-actions{display:grid;grid-template-columns:1fr 48px 48px;gap:8px;margin-top:24px}
.page-product-detail-premium .khd-primary{min-height:52px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111;color:#fff;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.12em;transition:background .2s ease}
.page-product-detail-premium .khd-primary:hover{background:#2b2b2b}
.page-product-detail-premium .khd-primary span{font-size:16px;transition:transform .2s ease}.page-product-detail-premium .khd-primary:hover span{transform:translateX(4px)}
.page-product-detail-premium .khd-icon-btn{height:52px;border:1px solid #111;background:#fff;color:#111;font-size:20px;cursor:pointer}.page-product-detail-premium .khd-icon-btn:hover{background:#f2f2ef}
.page-product-detail-premium .khd-confidence{margin-top:26px;border-top:1px solid var(--khd-line)}
.page-product-detail-premium .khd-confidence>div{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;min-height:46px;border-bottom:1px solid var(--khd-line)}
.page-product-detail-premium .khd-confidence span{color:#aaa;font-size:8px;font-weight:800;letter-spacing:.1em}
.page-product-detail-premium .khd-confidence p{margin:0;color:#66635f;font-family:Tahoma,Arial,sans-serif;font-size:11px}

/* Story */
.page-product-detail-premium .khd-story{padding:108px 0 112px;background:var(--khd-paper-2)}
.page-product-detail-premium .khd-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,10vw,160px);align-items:start}
.page-product-detail-premium .khd-story-title h2{margin:18px 0 0;font-size:clamp(56px,7vw,104px);line-height:.83;letter-spacing:-.07em}
.page-product-detail-premium .khd-story-copy{padding-top:25px;max-width:700px}
.page-product-detail-premium .khd-story-copy p{margin:0 0 22px;color:#5e5e5a;font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.85}
.page-product-detail-premium .khd-story-copy .khd-story-lead{color:#111;font-family:Montserrat,Tahoma,Arial,sans-serif;font-size:clamp(21px,2.2vw,30px);line-height:1.45;letter-spacing:-.025em}
.page-product-detail-premium .khd-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:82px;border-top:1px solid #cbc9c3}
.page-product-detail-premium .khd-feature-grid article{min-height:220px;padding:24px 24px 24px 0;border-right:1px solid #cbc9c3}
.page-product-detail-premium .khd-feature-grid article+article{padding-left:24px}.page-product-detail-premium .khd-feature-grid article:last-child{border-right:0}
.page-product-detail-premium .khd-feature-grid span{color:#99958f;font-size:9px;font-weight:800;letter-spacing:.12em}
.page-product-detail-premium .khd-feature-grid h3{margin:70px 0 10px;font-size:18px;letter-spacing:-.025em}
.page-product-detail-premium .khd-feature-grid p{margin:0;color:#66635f;font-family:Tahoma,Arial,sans-serif;font-size:12px;line-height:1.65}

/* Technical */
.page-product-detail-premium .khd-tech{padding:108px 0;background:#0a0a0a;color:#fff}
.page-product-detail-premium .khd-tech-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(60px,9vw,150px);align-items:start}
.page-product-detail-premium .khd-tech header{position:sticky;top:calc(var(--khx-header) + 30px)}
.page-product-detail-premium .khd-tech header h2{margin:18px 0 24px;font-size:clamp(48px,6vw,88px);line-height:.86;letter-spacing:-.065em}
.page-product-detail-premium .khd-tech header>p:last-child{max-width:440px;margin:0;color:#949490;font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.75}
.page-product-detail-premium .khd-spec-list{border-top:1px solid #303030}
.page-product-detail-premium .khd-spec-list>div{display:grid;grid-template-columns:200px 1fr;gap:34px;padding:23px 0;border-bottom:1px solid #303030}
.page-product-detail-premium .khd-spec-list span{color:#747470;font-size:9px;font-weight:800;letter-spacing:.11em}
.page-product-detail-premium .khd-spec-list strong{font-family:Tahoma,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.7;color:#e6e6e3}

/* Related */
.page-product-detail-premium .khd-related{padding:108px 0 120px;background:#fff}
.page-product-detail-premium .khd-related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.page-product-detail-premium .khd-related-head h2{margin:14px 0 0;font-size:clamp(38px,4.7vw,70px);line-height:.93;letter-spacing:-.055em}
.page-product-detail-premium .khd-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.page-product-detail-premium .khd-related-card{text-align:center;color:#111;text-decoration:none}
.page-product-detail-premium .khd-related-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--khd-paper)}
.page-product-detail-premium .khd-related-media img{width:100%;height:100%;object-fit:contain;padding:5%;transition:transform .4s ease}
.page-product-detail-premium .khd-related-card:hover .khd-related-media img{transform:scale(1.03)}
.page-product-detail-premium .khd-related-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#faf9f5,rgba(255,255,255,.25) 40%,rgba(0,0,0,.05) 80%),linear-gradient(160deg,#efeee9,#d8d6cf)}
.page-product-detail-premium .khd-related-placeholder span{color:#99958f;font-size:8px;font-weight:800;letter-spacing:.16em}
.page-product-detail-premium .khd-related-placeholder strong{margin-top:14px;color:rgba(17,17,17,.18);font-size:clamp(28px,2.8vw,44px);line-height:.9;letter-spacing:-.055em}
.page-product-detail-premium .khd-related-info{padding:15px 8px 0}
.page-product-detail-premium .khd-related-info span{color:#8b8b86;font-size:8px;font-weight:800;letter-spacing:.12em}
.page-product-detail-premium .khd-related-info h3{min-height:39px;margin:7px 0 7px;font-size:13px;line-height:1.5}
.page-product-detail-premium .khd-related-info strong{font-size:11px;font-weight:800}

/* Toast */
.page-product-detail-premium .khd-toast{position:fixed;left:50%;bottom:28px;z-index:10000;transform:translate(-50%,14px);padding:10px 16px;background:#111;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;opacity:0;visibility:hidden;transition:.2s ease}.page-product-detail-premium .khd-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}

@media (max-width:1180px){
  .page-product-detail-premium .khd-product-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);gap:42px}
  .page-product-detail-premium .khd-gallery{grid-template-columns:64px minmax(0,1fr)}
  .page-product-detail-premium .khd-thumb{width:64px}
  .page-product-detail-premium .khd-main-media{min-height:600px}
  .page-product-detail-premium .khd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-product-detail-premium .khd-related-card:last-child{display:none}
}

@media (max-width:900px){
  .page-product-detail-premium .khd-product{padding-bottom:76px}
  .page-product-detail-premium .khd-product-grid{grid-template-columns:1fr;gap:38px}
  .page-product-detail-premium .khd-buy-panel{position:static}
  .page-product-detail-premium .khd-main-media{min-height:0}
  .page-product-detail-premium .khd-story-grid,.page-product-detail-premium .khd-tech-grid{grid-template-columns:1fr;gap:42px}
  .page-product-detail-premium .khd-tech header{position:static}
  .page-product-detail-premium .khd-feature-grid{grid-template-columns:repeat(2,1fr)}
  .page-product-detail-premium .khd-feature-grid article:nth-child(2){border-right:0}.page-product-detail-premium .khd-feature-grid article:nth-child(n+3){border-top:1px solid #cbc9c3}
  .page-product-detail-premium .khd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-product-detail-premium .khd-related-card:last-child{display:block}
}

@media (max-width:620px){
  .page-product-detail-premium .khd-breadcrumb{min-height:48px;font-size:8px}
  .page-product-detail-premium .khd-gallery{display:flex;flex-direction:column}
  .page-product-detail-premium .khd-main-media{order:1;width:calc(100% + var(--khx-side)*2);margin-left:calc(var(--khx-side)*-1);aspect-ratio:4/5}
  .page-product-detail-premium .khd-thumbs{order:2;flex-direction:row;overflow-x:auto;padding-top:2px}
  .page-product-detail-premium .khd-thumb{flex:0 0 62px;width:62px}
  .page-product-detail-premium .khd-main-media>img{padding:20px}
  .page-product-detail-premium .khd-badge{top:13px;left:13px}.page-product-detail-premium .khd-main-media figcaption{left:13px;bottom:12px;font-size:7px}
  .page-product-detail-premium .khd-buy-panel h1{font-size:38px;line-height:.98}
  .page-product-detail-premium .khd-lead{font-size:13px}
  .page-product-detail-premium .khd-price-line{align-items:flex-start;flex-direction:column;gap:10px}
  .page-product-detail-premium .khd-sizes{grid-template-columns:repeat(5,1fr);gap:6px}.page-product-detail-premium .khd-sizes button{height:42px;padding:0;font-size:9px}
  .page-product-detail-premium .khd-actions{grid-template-columns:1fr 46px 46px}.page-product-detail-premium .khd-primary,.page-product-detail-premium .khd-icon-btn{min-height:50px;height:50px}
  .page-product-detail-premium .khd-story,.page-product-detail-premium .khd-tech,.page-product-detail-premium .khd-related{padding:76px 0}
  .page-product-detail-premium .khd-story-title h2{font-size:58px}
  .page-product-detail-premium .khd-story-copy{padding-top:0}
  .page-product-detail-premium .khd-feature-grid{margin-top:54px;grid-template-columns:1fr 1fr}.page-product-detail-premium .khd-feature-grid article{min-height:180px;padding:18px 14px 18px 0}.page-product-detail-premium .khd-feature-grid article+article{padding-left:14px}.page-product-detail-premium .khd-feature-grid h3{margin-top:46px;font-size:15px}
  .page-product-detail-premium .khd-tech header h2{font-size:53px}
  .page-product-detail-premium .khd-spec-list>div{grid-template-columns:1fr;gap:8px;padding:18px 0}
  .page-product-detail-premium .khd-related-head{align-items:flex-start;flex-direction:column}.page-product-detail-premium .khd-related-head h2{font-size:42px}
  .page-product-detail-premium .khd-related-grid{gap:28px 10px}.page-product-detail-premium .khd-related-info{padding:12px 3px 0}.page-product-detail-premium .khd-related-info h3{min-height:0;font-size:11px}.page-product-detail-premium .khd-related-info strong{font-size:10px}
}

@media (max-width:400px){
  .page-product-detail-premium .khd-actions{grid-template-columns:1fr 44px}.page-product-detail-premium .khd-actions #shareButton{grid-column:2}.page-product-detail-premium .khd-actions .khd-primary{grid-column:1/-1;grid-row:1}
}

@media (prefers-reduced-motion:reduce){
  .page-product-detail-premium *{scroll-behavior:auto!important;transition-duration:.001ms!important}
}
