#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-sample-table :is(th,td):nth-child(1){width:7%}
#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-sample-table :is(th,td):nth-child(2){width:108px}
#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-fabrics :is(th,td):nth-child(3){width:30%}
#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-fabrics :is(th,td):nth-child(4){width:calc(63% - 108px)}
#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-materials :is(th,td):nth-child(3){width:calc(93% - 108px)}
#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-sample-table tbody td{vertical-align:middle}
#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-sample-table tbody td p{margin-block:0}
.sendeko-sample-photo{display:block;width:80px;border-radius:6px;overflow:hidden;border:1px solid #ddd;background:#fff}
.sendeko-sample-photo img{display:block;width:80px;height:80px;object-fit:cover;transition:transform .15s}
.sendeko-photo-materials .sendeko-sample-photo img{object-fit:contain}
.sendeko-sample-photo:hover img{transform:scale(1.05)}
@media(max-width:600px){#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-sample-table :is(th,td):nth-child(2){width:76px;padding:8px}#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-fabrics :is(th,td):nth-child(4){width:calc(63% - 76px)}#main table:is(#sendeko-fabrics,#sendeko-materials).sendeko-photo-materials :is(th,td):nth-child(3){width:calc(93% - 76px)}.sendeko-sample-photo,.sendeko-sample-photo img{width:56px;height:56px}}

/* A quiet, consistently aligned product-photo viewer. */
dialog.sendeko-photo-dialog{box-sizing:border-box;width:min(1000px,calc(100vw - 48px));max-width:100%;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #ddd;border-radius:14px;background:#fff;color:#333;box-shadow:0 24px 80px rgb(0 0 0 / .28);overflow:auto;font-family:Roboto,Arial,sans-serif}
dialog.sendeko-photo-dialog::backdrop{background:rgb(0 0 0 / .68);backdrop-filter:blur(4px)}
.sendeko-photo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #ddd}
.sendeko-photo-dialog-header h2{font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:#333;margin:0;padding:0;min-width:0}
.sendeko-photo-dialog-header button.sendeko-photo-dialog-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:0;margin:0;padding:0;float:none;background:#fff;color:#666;border:1px solid #ddd;border-radius:50%;box-shadow:none;cursor:pointer;transition:background .15s,color .15s}
.sendeko-photo-dialog-header button.sendeko-photo-dialog-close:hover{background:#fcf7f9;color:#8b104d;border-color:#eadfe4}
.sendeko-photo-dialog-header button.sendeko-photo-dialog-close:focus-visible{outline:2px solid #8b104d;outline-offset:3px}
.sendeko-photo-dialog-close svg{display:block;pointer-events:none}
.sendeko-photo-dialog-stage{display:flex;align-items:center;justify-content:center;padding:20px;background:#f9f9f9;border-radius:0 0 14px 14px}
.sendeko-photo-dialog-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 172px);object-fit:contain;margin:0;border-radius:5px}
@media(max-width:600px){dialog.sendeko-photo-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:10px}.sendeko-photo-dialog-header{padding:12px 14px;gap:12px}.sendeko-photo-dialog-header h2{font-size:18px}.sendeko-photo-dialog-stage{padding:12px;border-radius:0 0 10px 10px}.sendeko-photo-dialog-stage img{max-height:calc(100dvh - 134px)}}
