/* Ripl logo v2: R mark on Originals badges + mobile header */
:root{--rave-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 289 171'%3E%3Cpath d='M40 171V95A65 65 0 0 1 105 30H160V80H110A20 20 0 0 0 90 100V171Z M189 135a36 36 0 1 0 72 0a36 36 0 1 0 -72 0Z'/%3E%3C/svg%3E")}
.tile .badge{font-size:0;color:transparent;width:34px;height:26px}
.tile .badge::before{content:"";position:absolute;inset:6px;background:#fff;-webkit-mask:var(--rave-mark) center/contain no-repeat;mask:var(--rave-mark) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
@media (max-width:768px){
a.logo{display:inline-flex;align-items:center;width:46px;height:28px}
a.logo img{display:none}
a.logo::before{content:"";width:100%;height:100%;background:#fff;-webkit-mask:var(--rave-mark) center/contain no-repeat;mask:var(--rave-mark) center/contain no-repeat}
}

/* Desktop header logo -10% (54px -> 48.6px); mobile stays 42px */
@media (min-width: 761px) {
  .hdr .logo img { height: 48.6px; }
}

/* Ripl Originals tile badge: green mark instead of white */
.tile .badge::before { background: var(--lime); }