/* Products tagged on photos (owner, 25 Oct 2026: the drawing mark). A thin ring with a fine plus; hovering or focusing
   it draws a leader line to a label. Marks show while the photo is hovered (photo-tags.js). */
.ptag-layer{position:absolute;z-index:4;pointer-events:none}
.ptag{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:0;height:0;opacity:0;transition:opacity .25s}
.ptag-layer.show .ptag,.ptag-layer:focus-within .ptag{opacity:1}
.ptag-mark{position:absolute;left:-10px;top:-10px;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.18);cursor:pointer;pointer-events:auto;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.ptag-mark::before,.ptag-mark::after{content:'';position:absolute;left:50%;top:50%;background:#fff}
.ptag-mark::before{width:9px;height:1px;margin:-.5px 0 0 -4.5px}.ptag-mark::after{width:1px;height:9px;margin:-4.5px 0 0 -.5px}
.ptag-mark:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ptag-lead{position:absolute;left:0;top:0;width:46px;height:1px;background:#fff;transform-origin:0 0;transform:rotate(-30deg);display:none;box-shadow:0 0 2px rgba(0,0,0,.4)}
.ptag-label{position:absolute;left:38px;top:-40px;display:none;white-space:nowrap;font:400 11px/1.45 var(--font-label,'Montserrat',Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:auto}
.ptag-label b{display:block;font-weight:500}
.ptag-label a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6)}
.ptag:hover .ptag-lead,.ptag:hover .ptag-label,.ptag.open .ptag-lead,.ptag.open .ptag-label,.ptag:focus-within .ptag-lead,.ptag:focus-within .ptag-label{display:block}
.ptag-left .ptag-lead{transform:rotate(-150deg)}.ptag-left .ptag-label{left:auto;right:38px;text-align:right}
.ptag-below .ptag-lead{transform:rotate(30deg)}.ptag-below .ptag-label{top:14px}
.ptag-left.ptag-below .ptag-lead{transform:rotate(150deg)}
@media (prefers-reduced-motion: reduce){.ptag{transition:none}}
/* Links in running text (to suppliers and companies): the text keeps its colour, with a fine underline. */
a.text-link{color:inherit;-webkit-text-fill-color:currentColor;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:rgba(0,0,0,.45)}
a.text-link:hover{text-decoration-color:currentColor}