.detail-watermark{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--detail-watermark-size,150px);max-width:42%;min-height:clamp(28px, 7vw, 44px);padding:clamp(6px, 1.8vw, 10px) clamp(9px, 2.8vw, 14px);border-radius:10px;color:#fff;font-size:clamp(12px, 3.4vw, 16px);font-weight:800;letter-spacing:0;line-height:1.2;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.28);background:rgba(0,0,0,.16);opacity:var(--detail-watermark-opacity,.36);pointer-events:none;user-select:none;}
.detail-watermark.has-image{aspect-ratio:3 / 1;min-height:auto;padding:0;background-color:transparent;background-image:var(--detail-watermark-image);background-repeat:no-repeat;background-position:center;background-size:contain;text-indent:-9999px;overflow:hidden;}
.detail-watermark.pos-bottom-right{right:clamp(10px, 3vw, 24px);bottom:clamp(10px, 3vw, 24px);}
.detail-watermark.pos-bottom-left{left:clamp(10px, 3vw, 24px);bottom:clamp(10px, 3vw, 24px);}
.detail-watermark.pos-top-right{right:clamp(10px, 3vw, 24px);top:clamp(10px, 3vw, 24px);}
.detail-watermark.pos-top-left{left:clamp(10px, 3vw, 24px);top:clamp(10px, 3vw, 24px);}
.detail-watermark.pos-center{left:50%;top:50%;transform:translate(-50%,-50%);}
@media (max-width: 640px){
  .detail-watermark{width:30%;max-width:120px;min-height:clamp(24px, 6vw, 34px);padding:5px 8px;font-size:clamp(11px, 3vw, 13px);border-radius:8px;}
}
@media (min-width: 600px) and (max-width: 900px){
  .detail-watermark{width:18%;max-width:92px;min-height:clamp(20px, 4vw, 28px);padding:3px 6px;font-size:clamp(9px, 2vw, 11px);border-radius:7px;}
}