/* Small previews of the existing product, inside the established hero composition. */
.product-composition{pointer-events:auto;height:300px}
.product-composition .scene-photo{left:15px;top:53px;pointer-events:none}
.product-composition .photo-object{transform:rotate(-5deg)}
.product-preview{color:var(--ink);text-decoration:none;width:300px;left:calc(50% - 150px);top:0;z-index:2}
.product-preview .document-object{transform:none;padding:19px 21px 16px;border-radius:16px;background:#fff;box-shadow:0 3px 0 #D9E0ED,0 18px 36px #18294314;transition:box-shadow .2s}
.product-preview:hover .document-object{box-shadow:0 3px 0 #CAD5EB,0 21px 40px #18294320}
.product-preview-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;line-height:1.5;color:#526078;margin-bottom:16px}
.product-preview-top>span:last-child{padding:3px 6px;border:1px solid #DDE5F2;border-radius:4px;background:#F5F7FC;white-space:nowrap}
.product-preview-brand{display:flex;gap:10px;align-items:center;margin-bottom:13px}
.product-initials{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:8px;background:#ECF1FC;color:#182943;font-size:12px;font-weight:700}
.product-preview-brand h3{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.035em}
.product-preview-brand p{font-size:10px;line-height:1.4;color:#526078;margin:3px 0 0}
.product-preview-tabs{display:flex;gap:19px;font-size:9px;line-height:1.5;border-bottom:1px solid #E0E7F3;color:#526078;margin-bottom:13px}
.product-preview-tabs span{padding:0 0 8px}
.product-preview-tabs .is-current{border-bottom:2px solid var(--accent);color:var(--ink);font-weight:700}
.product-preview-facts{margin:0}
.product-preview-facts>div+div{margin-top:10px;padding-top:10px;border-top:1px solid #E4EAF4}
.product-preview-facts dt{font-size:9px;line-height:1.4;color:#526078}
.product-preview-facts dd{font-size:17px;line-height:1.5;font-weight:650;letter-spacing:-.03em;margin:3px 0 0}
.product-preview-facts>div+div dd{font-size:12px;letter-spacing:0}
.product-preview-open{display:flex;justify-content:space-between;align-items:center;font-size:10px;line-height:1.5;color:var(--accent);font-weight:650;margin-top:14px}
.product-assessment{appearance:none;font:inherit;text-align:left;background:transparent;border:0;cursor:pointer;padding:0;width:220px;right:0;top:28px;color:var(--ink)}
.product-assessment .note-object{display:block;transform:none;padding:18px 18px 16px;background:#F6F8FD;border:1px solid #fff;border-radius:16px;color:var(--ink);box-shadow:0 3px 0 #D9E0ED,0 15px 30px #18294312;transition:box-shadow .2s}
.product-assessment:hover .note-object{box-shadow:0 3px 0 #CAD5EB,0 21px 40px #18294320}
.product-assessment .product-preview-top{font-size:8px;margin-bottom:12px}
.product-assessment .assessment-preview-title{display:block;font-size:14px;font-weight:650;letter-spacing:-.025em;line-height:1.4;margin:0 0 14px}
.assessment-preview-field{display:block;margin:11px 0;font-size:9px;line-height:1.5;color:#526078}
.assessment-preview-field>span{display:block}
.assessment-preview-value{margin-top:5px;padding:8px 9px;border:1px solid #DAE3F2;border-radius:5px;background:white;color:#526078}
.assessment-preview-next{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5;font-weight:600;color:var(--accent);margin-top:15px}
.product-preview:focus-visible,.product-assessment:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:16px}
@media(max-width:800px){.product-composition{width:700px}.product-composition .scene-photo{left:0;width:195px}.product-assessment{width:190px}.product-preview{width:280px;left:calc(50% - 140px)}.product-assessment .note-object{padding:16px 14px}}
@media(max-width:560px){
  .product-composition{height:270px;width:380px;max-width:calc(100% + 14px);margin-top:27px}
  .product-composition .scene-photo{width:125px;left:-10px;top:63px}
  .product-composition .photo-object{height:145px;transform:rotate(-5deg)}
  .product-preview{width:215px;left:calc(50% - 107.5px);top:0}
  .product-preview .document-object{padding:14px 15px 13px;border-radius:14px}
  .product-preview-top{font-size:8px;margin-bottom:12px}
  .product-preview-brand{gap:7px;margin-bottom:12px}
  .product-preview-brand h3{font-size:17px}
  .product-preview-brand p{font-size:8px}
  .product-initials{width:27px;height:27px;font-size:9px;border-radius:6px}
  .product-preview-tabs{gap:16px;font-size:8px;margin-bottom:10px}
  .product-preview-facts dt{font-size:8px}
  .product-preview-facts dd{font-size:13px;white-space:nowrap}
  .product-preview-facts>div+div dd{font-size:10px}
  .product-preview-open{font-size:9px;margin-top:11px}
  .product-assessment{display:none}
  .product-assessment .note-object{padding:12px 11px 12px;border-radius:12px}
  .product-assessment .product-preview-top{font-size:7px;margin-bottom:10px;gap:3px}
  .product-assessment .product-preview-top>span:last-child{padding:2px 3px}
  .product-assessment .assessment-preview-title{font-size:10px;margin-bottom:9px}
  .assessment-preview-field{font-size:7px;margin:9px 0}
  .assessment-preview-value{padding:6px 5px}
  .assessment-preview-next{font-size:7px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.product-preview .document-object,.product-assessment .note-object{transition:none}}