.product-photo-button{flex:none;min-height:32px;padding:6px 8px;border:1px solid #d1d0cb;border-radius:6px;background:#fff;color:#444;font:600 12px/1.3 Arial,"Malgun Gothic",sans-serif;white-space:nowrap;}
.product-photo-button:hover{background:#f1f0ed;border-color:#666;}
.product-photo-button:focus-visible,.desktop-product-select:focus-visible,.product-photo-dialog button:focus-visible{outline:3px solid #5177b0;outline-offset:3px;}
.mobile-product-with-photo{position:relative;display:flex;flex-direction:column;min-width:0;}
.mobile-product-with-photo>.pbtn{flex:1;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.mobile-product-with-photo>.product-photo-button{width:100%;border-top:0;border-radius:0 0 6px 6px;}
.product-photo-dialog{position:fixed;inset:0;margin:auto;width:min(960px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:24px;border:0;border-radius:16px;overflow-y:auto;background:#fff;color:#111;box-shadow:0 24px 90px #0005;}
.product-photo-dialog::backdrop{background:rgba(0,0,0,.58);}
.product-photo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.product-photo-head h2{font-size:24px;line-height:1.35;word-break:keep-all;}
.product-photo-actions{display:flex;align-items:center;gap:12px;flex:none;}
.product-photo-control{min-height:38px;padding:8px 12px;border:1px solid #d8d6d0;border-radius:7px;background:#fff;color:#444;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;}
.product-photo-control:disabled{opacity:.45;cursor:default;}
.product-photo-close{width:42px;height:42px;border:0;border-radius:50%;background:#f1f0ed;color:#222;font:400 28px/1 Arial,sans-serif;}
.product-photo-stage{position:relative;height:clamp(220px,55vh,520px);overflow:auto;overscroll-behavior:contain;border-radius:10px;background:#eee;}
.product-photo-image{display:block;width:100%;height:100%;object-fit:contain;}
.product-photo-stage.is-zoomed .product-photo-image{width:200%;height:200%;max-width:none;}
.product-photo-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;font-size:15px;color:#666;}
.product-photo-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.product-photo-options button{min-width:64px;min-height:42px;padding:9px 14px;border:1px solid #d6d4ce;border-radius:7px;background:#fff;color:#555;font-size:14px;font-weight:700;}
.product-photo-options button[aria-pressed="true"]{background:#111;color:#fff;border-color:#111;}
@media(min-width:900px){
  .desktop-product{position:relative;isolation:isolate;}
  .desktop-product-select{position:absolute;inset:0;z-index:-1;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;color:inherit;}
  .desktop-product-select:active{transform:none;}
  .desktop-product-select:disabled{cursor:not-allowed;}
  .desktop-product-top,.desktop-product>.option,.desktop-product .foot{pointer-events:none;}
  .desktop-product .product-photo-button{pointer-events:auto;}
  .desktop-product .foot{gap:6px;}
  .desktop-product .sale-stop-label{font-size:11px;}
  .desktop-product.sale-stopped:hover{transform:none;}
}
@media(max-width:600px){
  .product-photo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:16px;border-radius:12px;}
  .product-photo-head{gap:8px;margin-bottom:14px;}
  .product-photo-head h2{font-size:20px;}
  .product-photo-actions{gap:6px;}
  .product-photo-control{padding:7px 9px;font-size:12px;}
  .product-photo-close{width:36px;height:36px;}
  .product-photo-stage{height:clamp(220px,45vh,430px);}
  .product-photo-options{gap:6px;margin-top:14px;}
  .product-photo-options button{min-width:56px;}
}