.image-viewer{width:min(1200px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:94dvh;padding:18px;border:0;border-radius:14px;background:#fff;color:#182d27;overflow:hidden;font-family:'IBM Plex Sans Arabic','Segoe UI',sans-serif}.image-viewer::backdrop{background:#182d27cc}.image-viewer-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:14px}.image-viewer-tools strong{flex:1;min-width:120px;font-size:16px;overflow-wrap:anywhere}.image-viewer button{font:inherit;min-width:44px;min-height:44px;border:1px solid #d9e0da;border-radius:7px;padding:6px 12px;background:white;color:#244d3d;cursor:pointer}.image-viewer button:disabled{opacity:.45;cursor:not-allowed}.image-viewer button:focus-visible{outline:3px solid #498868;outline-offset:3px}.image-zoom-controls{display:flex;gap:8px;align-items:center;direction:ltr}.zoom-value{font-size:13px;min-width:42px;text-align:center}.image-stage{height:min(70dvh,780px);overflow:auto;direction:ltr;touch-action:none;overscroll-behavior:contain;background:#fff;border-radius:8px}.image-stage.can-pan{cursor:grab}.image-stage.can-pan:active{cursor:grabbing}.image-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;user-select:none}.image-canvas img{display:block;max-width:none;object-fit:contain;pointer-events:none}.image-viewer-caption{font-size:12px;line-height:1.7;color:#586960;margin:12px 0 0}.order-photo{border:0;background:#fff;padding:4px;cursor:zoom-in;border-radius:8px;color:#244d3d}.order-photo img{display:block;width:160px;height:140px;object-fit:contain}.order-photo span{display:block;font:12px/1.5 'IBM Plex Sans Arabic',sans-serif;margin-top:5px}.order-product{display:flex;align-items:center;gap:16px}.order-product strong{display:block;font-size:17px;line-height:1.6;font-weight:500}.order-product small{display:block;font-size:12px;color:#586960;margin-top:5px}.order-table-scroll{overflow-x:auto;max-width:100%;margin-top:22px}.order-table{width:100%;border-collapse:collapse;text-align:right;font-size:15px;background:#fff}.order-table caption{text-align:right;font-size:20px;font-weight:600;padding:0 0 15px;color:#182d27}.order-table th{background:#edf2ec;color:#586960;font-weight:500;font-size:12px;white-space:nowrap}.order-table td,.order-table th{padding:14px 12px;border-bottom:1px solid #d9e0da;vertical-align:middle}.order-table .measure{white-space:nowrap}.order-quantity{color:#244d3d;font-size:22px;font-weight:600;white-space:nowrap}.missing-spec{color:#586960}.order-product-cell{min-width:285px}.order-table .order-photo:focus-visible{outline:3px solid #498868;outline-offset:3px}
@media(max-width:720px){.image-viewer{padding:14px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:95dvh}.image-viewer-tools{gap:10px}.image-zoom-controls{width:100%;justify-content:center;order:3}.image-stage{height:62dvh}.image-viewer-caption{font-size:11px}.order-table{min-width:650px}.order-product{flex-direction:column;align-items:flex-start;gap:9px}.order-product-cell{min-width:185px}.order-photo img{width:160px;height:130px}.order-table td,.order-table th{padding:12px 10px}}
@page{size:A4;margin:15mm}
@media print{.image-viewer{display:none!important}.order-table-scroll{overflow:visible;margin-top:12px}.order-table{min-width:0!important;table-layout:fixed;font-size:9pt}.order-table caption{font-size:13pt}.order-table th{font-size:8pt}.order-table td,.order-table th{padding:8px 4px}.order-product-cell{min-width:0;width:37%}.order-table th:first-child{width:37%}.order-product{display:flex;flex-direction:row;gap:7px;align-items:center;break-inside:avoid}.order-photo{padding:0;cursor:default;flex-shrink:0}.order-photo img{width:90px;height:82px;border-radius:0}.order-photo span{display:none}.order-product strong{font-size:10pt;overflow-wrap:anywhere}.order-product small{font-size:8pt;overflow-wrap:anywhere}.order-quantity{font-size:12pt}.order-table tr{break-inside:avoid}.order-table .measure{white-space:normal;overflow-wrap:anywhere}.order-table thead{display:table-header-group}}

.image-viewer{position:relative;padding:18px 18px 78px;border:1px solid #dedfdf;border-radius:18px;box-shadow:0 20px 70px #0003;background:#fff}.image-viewer::backdrop{background:rgba(20,22,21,.72)}.image-viewer-tools{min-height:44px;padding:0 56px 12px 0}.image-viewer-tools strong{font-size:16px;font-weight:500}.image-viewer .viewer-close{position:absolute;right:16px;top:14px;width:44px;height:44px;min-width:44px;border:0;border-radius:50%;padding:12px;background:#f1f2f1;color:#25332c;display:grid;place-items:center}.image-viewer button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.image-viewer .image-zoom-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:auto;display:flex;gap:8px;align-items:center;background:#f1f2f1;border:1px solid #e2e4e2;border-radius:32px;padding:5px}.image-zoom-controls button{width:44px;height:44px;border:0;border-radius:50%;padding:12px;display:grid;place-items:center;background:#fff;color:#244d3d}.image-zoom-controls button:hover:not(:disabled),.viewer-close:hover{background:#e8efeb}.zoom-value{font-size:13px;min-width:52px;color:#25332c;font-variant-numeric:tabular-nums}.image-stage{height:min(66dvh,720px);border-radius:10px}.image-viewer-error{font-size:13px;color:#a02c33;margin:6px 0}.order-color-dot{display:inline-block;width:13px;height:13px;border:1px solid #aaa;border-radius:50%;vertical-align:middle;margin-inline-end:5px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
@media(max-width:720px){.image-viewer{padding:14px 12px 78px;max-height:95dvh;border-radius:14px}.image-viewer-tools{padding:0 50px 10px 0;gap:8px}.image-viewer .viewer-close{right:10px;top:10px}.image-stage{height:60dvh}.image-viewer .image-zoom-controls{width:auto;bottom:12px}}

@media screen and (max-width:720px){
 .order-table-scroll{overflow:visible}.order-table{display:block;width:100%;min-width:0!important}.order-table caption{display:block;font-size:19px;line-height:1.6}.order-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.order-table tbody{display:grid;gap:14px}
 .order-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;border:1px solid #d9e0da;border-radius:10px;padding:14px;background:white}.order-table td{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:0;min-width:0;white-space:normal!important;font-size:15px}.order-table td[data-label]::before{content:attr(data-label);font-size:12px;font-weight:400;color:#586960}.order-table .order-product-cell{grid-column:1/-1;min-width:0;width:100%;padding-bottom:12px;border-bottom:1px solid #d9e0da}.order-product{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;width:100%;align-items:center}.order-photo img{width:104px;height:110px}.order-photo span{font-size:11px}.order-product strong{font-size:16px;overflow-wrap:anywhere}.order-product small{overflow-wrap:anywhere}.order-table .order-quantity{font-size:21px}.order-table td bdi{max-width:100%;white-space:normal}
}