dialog.product-sheet { width:min(980px,calc(100% - 28px)); max-height:92dvh; padding:0; border:0; border-radius:14px; overflow:auto; background:#fff; color:#15243c; box-shadow:0 24px 90px #061b434d; }
dialog.product-sheet[open] { display:block; }
dialog.product-sheet::backdrop { background:#061b43b8; backdrop-filter:blur(4px); }
.sheet-toolbar { position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 22px; background:#f7f9fc; border-bottom:1px solid #e5eaf2; color:#627089; font-size:.78rem; }
.sheet-actions { display:flex; align-items:center; gap:8px; margin:0; }
.sheet-actions button { min-height:36px; padding:7px 13px; font-size:.75rem; }
.sheet-actions button:disabled { opacity:.6; cursor:wait; }
.sheet-actions .dialog-close { position:static; width:32px; height:32px; min-height:32px; margin-inline-start:5px; padding:0; border:0; background:transparent; font-size:1.4rem; color:#627089; }
.sheet-document { padding:32px 44px 24px; background:#fff; font:400 14px/1.55 "Google Sans Flex","Google Sans",Arial,sans-serif; overflow-wrap:anywhere; }
.sheet-header { position:relative; padding-bottom:21px; display:flex; justify-content:space-between; align-items:center; gap:18px; break-inside:avoid; }
.sheet-header::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:var(--rainbow); }
.sheet-identity { display:flex; align-items:center; gap:13px; }
.sheet-identity>img { width:62px; height:62px; object-fit:contain; }
.sheet-identity>div { display:grid; gap:3px; }
.sheet-identity strong { font-size:13px; font-weight:500; letter-spacing:.1em; color:#112341; }
.sheet-identity span,.sheet-document-meta { color:#6b778a; font-size:10px; }
.sheet-document-meta { display:grid; gap:4px; text-align:end; }
.sheet-document-meta>span { letter-spacing:.12em; text-transform:uppercase; }
.sheet-document-meta bdi { color:#1662d1; font-size:12px; }
.sheet-title-block { padding:23px 0 24px; break-inside:avoid; }
.sheet-title-block .kicker { margin:0 0 8px; font-size:10px; }
.sheet-title-block h2 { margin:0; color:#112341; font-size:29px; line-height:1.18; font-weight:500; letter-spacing:-.025em; }
.sheet-taxonomy { margin:12px 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:6px; }
.sheet-taxonomy:empty { display:none; }
.sheet-taxonomy li { padding:3px 8px; border:1px solid #e1e8f3; border-radius:4px; color:#526882; font-size:10px; }
.sheet-main { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; break-inside:avoid; }
.sheet-visual { min-height:0; margin:0; padding:20px; display:block; border:1px solid #e6ebf2; border-radius:9px; background:#f8fafc; }
.sheet-image-frame { height:230px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:5px; }
.sheet-image-frame>img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.sheet-image-frame>[hidden],.sheet-brand>[hidden] { display:none; }
#sheetImageUnavailable { color:#6b778a; font-size:12px; }
.sheet-brand { width:100%; min-height:0; margin-top:15px; padding:8px 10px; display:flex; align-items:center; justify-content:center; gap:12px; border:0; border-radius:5px; background:#fff; }
.sheet-brand.dark { background:#061b43; color:white; }
.sheet-brand img { width:auto; max-width:90px; height:auto; max-height:32px; object-fit:contain; }
.sheet-brand strong { font-size:11px; font-weight:400; }
.sheet-document h3 { margin:0 0 13px; color:#112341; font-size:12px; font-weight:500; }
.sheet-specifications { padding-top:2px; }
.sheet-specifications dl { margin:0; }
.sheet-specifications dl>div { display:grid; gap:4px; padding:11px 0; border-top:1px solid #e5eaf2; break-inside:avoid; }
.sheet-specifications dt { color:#718097; font-size:10px; }
.sheet-specifications dd { margin:0; color:#223550; font-size:13px; }
.sheet-overview { padding:25px 0 21px; }
.sheet-overview h3 { break-after:avoid; }
.sheet-description { margin:0; color:#526177; font-size:12px; line-height:1.7; }
.sheet-description p { margin:0 0 10px; break-inside:avoid; }
.sheet-description p:last-child { margin-bottom:0; }
.sheet-description ul { margin:7px 0 10px; padding-inline-start:18px; }
.sheet-description li { margin-bottom:5px; break-inside:avoid; }
.sheet-note { padding:15px 18px; border:0; border-inline-start:3px solid #1662d1; border-radius:0; background:#f0f5fc; break-inside:avoid; }
.sheet-note h3 { margin-bottom:5px; font-size:11px; }
.sheet-note p { margin:0; color:#627089; font-size:10px; line-height:1.6; }
.sheet-document-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:25px; padding-top:13px; border-top:1px solid #e5eaf2; color:#718097; font-size:9px; break-inside:avoid; }
.sheet-dialog-footer { padding:14px 22px; border-top:1px solid #e5eaf2; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#6b778a; font-size:.72rem; background:#f7f9fc; }
.sheet-dialog-footer a { color:#1662d1; white-space:nowrap; }
.sheet-export { width:703px; background:white; }
.sheet-export .sheet-document { padding:0; }
.sheet-document:dir(rtl) .kicker { letter-spacing:normal; }
@media(max-width:600px){.sheet-toolbar{padding:10px 12px}.sheet-toolbar>span{display:none}.sheet-actions{width:100%;justify-content:flex-end}.sheet-actions .dialog-close{margin-inline-start:auto}.sheet-document{padding:22px}.sheet-identity strong{font-size:10px;letter-spacing:.04em}.sheet-identity{gap:8px}.sheet-identity>img{width:48px;height:48px}.sheet-document-meta{max-width:100px;font-size:8px}.sheet-document-meta bdi{font-size:9px}.sheet-title-block h2{font-size:23px}.sheet-main{grid-template-columns:1fr;gap:22px}.sheet-image-frame{height:220px}.sheet-dialog-footer{padding:12px}.sheet-export .sheet-document{padding:0}.sheet-export .sheet-main{grid-template-columns:1fr 1fr;gap:30px}.sheet-export .sheet-title-block h2{font-size:29px}.sheet-export .sheet-identity strong{font-size:13px}.sheet-export .sheet-identity>img{width:62px;height:62px}}
@page { size:A4; margin:12mm; }
@media print {
  html,body { max-width:none; overflow:visible!important; background:white; }
  body>*:not(#productDialog) { display:none!important; }
  dialog.product-sheet[open] { display:block!important; position:static!important; inset:auto; width:100%; max-width:none; height:auto; max-height:none; margin:0; padding:0; overflow:visible; border:0; border-radius:0; box-shadow:none; }
  dialog::backdrop,.sheet-toolbar,.sheet-dialog-footer { display:none!important; }
  .sheet-document { padding:0; font-size:14px; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
  .sheet-main { grid-template-columns:1fr 1fr; gap:30px; }
  .sheet-visual { min-height:0; }
  .sheet-header { position:relative; }
}