/* Shared top-layer photo viewer: the original image and a close control only. */
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog]{
  --photo-ratio:1.5;
  position:fixed;inset:0;margin:auto;padding:0;border:0;
  width:min(88vw,calc(88svh * var(--photo-ratio)));
  height:auto;aspect-ratio:var(--photo-ratio);max-width:88vw;max-height:88svh;
  background:transparent;border-radius:5px;overflow:visible;
  box-shadow:0 18px 70px #000b;color:#fff;
}
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog][open]{display:block}
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog]::backdrop{
  background:#050607e8;backdrop-filter:blur(5px);
}
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog]>img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  margin:0;border:1px solid #d6b264;border-radius:5px;object-fit:contain;
  background:transparent;box-shadow:0 0 0 1px #72552566;
}
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog]>[data-photo-close]{
  position:absolute;inset:8px 8px auto auto;z-index:1;
  display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;
  padding:0;margin:0;border:1px solid #d6b264;border-radius:50%;
  background:#100e0dcc;color:#fff7dc;font:32px/1 Arial,sans-serif;
  box-shadow:0 2px 8px #0008;cursor:pointer;
}
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog]>[data-photo-close]:hover{background:#3d2e15;color:#fff}
:is(.page-on-sale,.page-detail) dialog[data-photo-dialog]>[data-photo-close]:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* A half star follows the original shop's sum-rating rule (not customer reviews). */
.plate-stars .star-full,.plate-stars .star-half{display:inline-block;flex:none;line-height:1}
.plate-stars .star-half{color:#ffd56d;background:linear-gradient(90deg,#ffd56d 0 50%,#81745c 50% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.photo-load-state{display:grid;place-items:center;min-width:min(82vw,18rem);min-height:9rem;padding:1rem;color:#f2c94c;font:600 1rem/1.4 Kanit,Prompt,sans-serif;text-align:center}
.photo-load-state[hidden]{display:none}
