/* U271 multibrand: «Vaata ka {bränd} tegemisi ›», a light grey pill with the other brand's small logo (brand page header and the
   offer page under «Samalt teenusepakkujalt veel»). The pill is 36 px tall, its tap area 46 px. */
.brand-sib-pill { position: relative; display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 36px; padding: 4px 12px 4px 4px; border-radius: 18px; background: var(--bs-tertiary-bg, #f2f4f2); color: var(--bs-secondary-color, #4b5650); font-size: 13.5px; line-height: 1.25; text-align: left; text-decoration: none; transition: background-color .15s; }
.brand-sib-pill::after { content: ""; position: absolute; left: 0; right: 0; top: -5px; bottom: -5px; }
.brand-sib-pill:hover, .brand-sib-pill:focus-visible { background: var(--bs-secondary-bg, #e7ebe8); color: var(--bs-body-color, #212529); }
.brand-sib-pill b { color: var(--bs-body-color, #1f2a24); font-weight: 700; }
.brand-sib-pill__logo { flex: none; width: 28px; height: 28px; border-radius: 9px; background: #fff; object-fit: contain; padding: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); }
.brand-sib-pill__logo--text { display: grid; place-items: center; padding: 0; background: #e2e6e3; color: #3d4a43; font-size: 10px; font-weight: 800; }
.brand-sib-pill__t { min-width: 0; overflow-wrap: anywhere; }
.brand-sib-pill__go { flex: none; }
.brand-sib-lines { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.brand-sib-lines--offer { margin-top: 14px; }
.brand-sib-more { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: var(--bs-secondary-color, #4b5650); font-size: 13.5px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.brand-sib-more:hover { color: var(--bs-body-color, #212529); }